填充边框
CSS 圆形悬停边框填充动画效果这是一款 CSS 圆形填充状态切换动画效果，基于 CSS 技术实现，通过边框填充的动态变化清晰标识选中状态，同时搭配了正偏移 + will-change、硬件加速等性能优化方案，交互反馈直观且视...
甄妮诗
服装美妆、电子产品及生鲜超市等多用途电子商务 HTML 响应式网站模板这是一款面向真实商业场景打造的多用途电商 HTML 响应式网站模板。内置超过49个功能内页，5套不同业态主页，它并不是只适合某一个行业，而是为综合商城、垂直电商、品牌官网型商城量身设计，无论是电...
交互卡片
带倾斜与弹跳翻转效果的科技感 3D 互动卡片（CSS+JS）这是一款带有悬停倾斜与弹跳翻转交互的 3D 卡片组件，基于JS+CSS实现，用户在悬停时卡片会呈现自然的 3D 倾斜质感，点击后还能触发翻转 + 弹跳的轻微弹性反馈，增强空间感和操作反馈。视觉上...
交互列表
支持响应式布局的 GSAP 音乐作品集交互式列表（带图片悬浮 + 闲置动画），这是一款适配音乐场景的交互式表格组件，基于GSAP动画库实现，重构了 HTML 的 ui 表格，加入了列表项的悬停与闲置状态动画效果，关键是支持响应式布局。表格里清晰罗列着音乐人、作品名等信息，...
皇城黄
AI算力科技公司专用 Bootstrap5 响应式中文网站模板这款中文模板基于主流前端框架 Bootstrap 5.x 打造，整体视觉采用白色、金色、橙色的亮色科技系配色，营造出专业、可信、具未来感的企业科技形象。模板的设计逻辑来自真实 AI 科技公司的官...
场景切换
CSS 滤镜+ Canvas 以全球变暖为主题实现震撼的冷暖场景切换效果，两张图片、两个世界！！！这是一款聚焦全球变暖的场景切换效果，基于 CSS 滤镜+ Canvas 技术实现，它把左侧冰雪、云海交织的清凉水域景观，仅通过滤镜处理就转化成了右侧熔岩遍布、黑暗笼罩的末日荒原，用强烈的视觉对比...
资料卡片
用户资料卡片组件，支持明暗模式与丝滑的悬停详情展示动画这是一款支持明暗模式切换的动画用户卡片组件，基于 CSS 过渡动画技术实现，支持悬停卡片展示用户详细信息，并提供关注及粉丝数等功能按钮，此外还支持轻盈浅色与沉稳深色两种样式的平滑切换，卡片既能清...
品牌轮播
CSS 自动 logo 轮播（悬停暂停）效果，让品牌展示更自然这是一款横向自动滚动的Logo展示条效果，基于CSS实现，多个品牌标识（LOGO）在页面中持续平滑移动，滚动边缘有明显的锐化效果，鼠标悬停时滚动自动暂停，提升用户浏览体验。设计简洁大方，适合用于...
跳动下划线
自定义 SVG 上下跳跃动画“调皮”下划线效果这是一款自定义下划线动画效果，基于SVG与CSS实现，通过动态线条勾勒出文字下方的强调线，能给文字里的重点内容加上灵动的动态下划线（标记文字被一条绿色弓形波浪线轻轻托起，仿佛在传递一种克制却真挚...
首屏3D动画
用 WebGL 打造的沉浸式折射晶体玻璃态动画 Hero 首屏布局这是一款 WebGL 折射晶体玻璃态 Hero 首屏区域 3D 动画效果，基于 WebGL+GLSL 着色器技术实现，通过光线追踪渲染出晶莹剔透的折射晶体场景，搭配玻璃拟态风格的UI元素，营造出...
LOGO轮播
GSAP 动画圆环形 Logo 图片自动轮播：优雅响应式品牌展示组件这是一款基于GSAP实现的环形LOGO品牌图片自动轮播组件，通过流畅的动画让多个品牌Logo围绕中心旋转展示，中心位置可放置自己的品牌LOGO或者文字。整体设计简洁优雅，响应式布局自动适配不同设...
滑动切换
纯 CSS 滑动标签切换动画效果，适用于标签切换、选择栏以及导航等场景这是一款纯CSS实现的动画分段控件效果，通过伪元素和过渡动画打造“滑动切换”的视觉效果，点击任意选项时，选中状态会以平滑的方式横向移动，仿佛按钮在“滑入”当前位置，悬停时，阴影标记跟随鼠标移动。...