固定效果
GSAP实现滚动页面固定特定区域效果这是一种使用 GSAP 的 ScrollTrigger 插件实现的一种叫做“固定区域（Pinned Section）”的滚动动画效果，这种效果表现为当用户滚动页面到某个特定区域时，示例中的特定...
倾斜面板
CSS实现响应式面板倾斜排列布局，附带悬停面板扩大效果使用 CSS 中的 Flexbox 布局结合变形（skew）变换实现了倾斜面板排列效果。默认是横向的排列布局，针对较小屏幕的设备，布局会自动调整为纵向布局，具有将强的自适应能力，并且在鼠标悬停时...
悬浮效果
基于 CSS 的 clip-path 实现图片悬浮变换形状效果使用 CSS 的 clip-path 属性来创建鼠标悬停（hover）效果。clip-path 属性允许你定义一个形状，只有在这个形状内的部分才会被显示出来，而其他部分则会被裁剪掉。当用户将鼠标...
颗粒猫
基于 Tailwind CSS 和 PWA 技术实现的高效响应式电商App模板在当前竞争激烈的电商环境中，用户对移动端购物体验的要求越来越高。要想在市场中脱颖而出，拥有一个功能强大、响应迅速且视觉效果出众的电商应用至关重要。「颗粒猫」模板是为此而生的一款现代化、响应式的全...
滚动视差
CSS实现的一种视觉吸引力超强的滚动视差效果使用 position: sticky 和 scale 变换来创建一个带有视差效果的CSS粘性（sticky）区域，当用户滚动页面时，下层图片会以较慢的速度进行滚动，而上层的内容部分会以相对较快...
轮播插件
React 实现带鼠标追随效果的轻量级轮播切换组件，完全响应式布局！使用 React 构建的轻量级轮播与幻灯片插件，外观特别的时尚大方简约，其中的鼠标追随效果是通过设置当前幻灯片的 x 和 y 坐标的CSS值，以便在鼠标移动时创建跟踪鼠标的动态过渡效果。切换等交...
丹泰儿
牙科诊所与牙齿护理机构专用Bootstrap响应式网站模板，颜值高且专业的牙齿健康网站模板！这是一款现代化且完全响应式的HTML模板，专为牙医以及牙齿保健行业设计。内含丰富的牙齿健康相关的图片、动画以及图标等素材，无论您是想创建一个新牙齿健康网站还是重新设计现有的牙齿健康网站，这款模板...
头像动画边框
THML中创建五彩圆形图片边框，带五彩边框生成过程动画效果这是一款动感十足的图片边框动画效果，初始化html页面这款图片边框会有一个绘制生成的动画效果，特别的炫酷，边框总共包含了4种不同的颜色对应的是四个svg矢量图，然后再通过「d3.v4.js」这款...
悬停幻灯片
JavaScript带悬停效果的环绕型内容轮播插件这是一款现代的多功能时尚的带悬停效果的环绕型内容轮播插件，是基于JavaScript与CSS实现的，其中CSS负责外观及布局，JavaScript负责实现切换事件以及鼠标悬停事件。切换插件的下方...
AI火花按钮
CSS生成 AI 动画按钮，悬停按钮时显示霹雳火花动画效果你肯定猜不到这个AI动画按钮是由一张图片和一个视频制作的！按钮静止状态下其实是一张带闪电的图片，当鼠标悬停到按钮（闪电图片）上时触发的霹雳火花动画其实是个1秒钟的视频，这个视频是通过询问AI「最...
筛选过滤
基于 JavaScript 实现的标签菜单过滤器，支持响应式布局！实现了一种可以通过标签过滤内容的效果，可通过点击顶部标签菜单或者内容标签直接筛选出标签同类型内容，其中筛选过滤事件是通过JavaScript完成的，页面的整体布局以及筛选后的重新布局都是通过CS...
格如普
律师事务所，精英律师团队专用Bootstrap响应式网站模板为满足法律专业团队和律师事务所的需求，特别推出了这款专门供律师行业专用的 HTML 响应式网站模板，底层基于完全响应式的Bootstrap5x进行构建，拥有极强的自适应能力。提供了23+htm...