麦迪格
专业的心理学与心理咨询响应式 Bootstrap5 网站模板这是一款专为心理学和心理咨询行业设计的时尚网站模板，这款模板外观非常的唯美，绿色的主色调给用户一种自然的温馨感觉，该模板基于先进的响应式框架 Bootstrap5x 构建而成，提供了 4 版不...
模拟时钟
HTML CSS 设计的时尚模拟数字时钟，支持亮色模式和暗色模式切换基于 HTML、CSS 和 JavaScript创建的一个模拟数字时钟。HTML 代码构建时钟及其显示元素，而 CSS 代码则控制时钟的样式和外观，提供了亮色模式以及暗色模式两种主题风格的切换，...
图像 3D 效果
基于 CSS 实现的 4 种图片 3D 悬停效果该代码可为图片创建迷人的 3D 图片悬停效果，它的工作原理是将图片转换成切片，使其在鼠标悬停时呈现多种不同的外观，目前共提供了折叠式、班折叠式、外卷、内卷 4 种样式，其核心方法 "hoverf...
发光边框
基于 CSS 实现的发光边框移动动画这段 CSS 发光边框动画代码可在指定的 HTML 元素上创建发光边框动画效果，代码中 animated-border-box-glow 类的核心作用是添加发光边框动画，实现原理是通过使用模糊、...
心跳
基于 CSS 实现的心跳脉动动画效果基于纯 CSS 技术实现的心跳动画效果。实现原理是利用 CSS3 关键帧来创建心跳效果，HTML 结构将心脏图标置于一个容器内，CSS 代码定义了心脏的外观、位置和动画效果，这些效果可以根据您的...
短信校验
基于 CSS 实现短信验证码 OTP 输入校验，实时反馈失败成功效果本 HTML 和 CSS 代码片段将创建引人入胜的短信 OTP 代码输入校验动画，它能让用户在输入代码时获得直观的反馈，动画会对成功或失败做出反应，从而增强用户体验。除此之外，还支持自定义动画持...
占位符
使用 CSS 制作的响应式内容占位符动画这块代码实现了是使用 CSS 创建的动画内容占位符，能为未能及时加载的内容生成类似加载的视觉动画效果，底层实现原理是使用线性渐变为内容占位符创建动画，这种动画可以模拟内容加载或占位符，CSS 动...
温度计指示
基于 JavaScript 实现的带温度调节的温度计滑块小部件这是一款使用 JavaScript 结合 CSS 创建的一个带调节温度的温度计滑块小工具，该控件可让您更加直观地调整以及显示温度范围，滑块调节支持 -20°C 至 50°C 摄氏度或华氏度范围的...
立方体滚动
基于 jQuery 实现地具有立体效果的内容轮播旋转滑块效果本代码创建了一个具有立方体过渡效果的视觉吸引力内容滑块，CSS 定义了滑块的布局和样式，而 JavaScript 则实现了交互式导航，点击导航按钮可平滑轮播旋转滑块立方体。这种效果有助于在网站上...
Cookie提示
用 jQuery 插件显示 GDPR Cookie 同意信息这是一款基于 jQuery 实现的Cookie提示插件，用于向网站用户显示 GDPR cookie 同意信息，它可在网页左下角或右下角创建模式弹出窗口，显示 cookie 是否符合欧盟法律。支持...
图库预览
使用 CSS 和 jQuery 实现地轻量级灯箱图库预览插件一款轻量级且易于使用的响应式 jQuery 图片预览插件，用于在响应式弹出模块/灯箱中显示图片。迷你灯箱可帮助您创建一个简单、移动友好且响应迅速的灯箱图库，它以 CSS 合理的网格布局排列照片（...
开关按钮
纯 CSS 实现的带指示灯的平缓开关切换按钮基于纯 CSS 代码实现的平滑过渡的切换开关按钮。将复选框 checkbox 转换为漂亮的切换按钮，使用起来特别简单：只需将复选框 checkbox 放入指定的类名为「switch」的 div ...