连胜王
去中心化金融 DeFi 仪表盘 HTML 响应式网站模板 - 专业 AMM 自动做市商流动性池交易平台前端模板这是一套专为去中心化金融(DeFi)生态打造的前沿仪表盘 HTML 响应式网站模板，特别适合搭建自动做市商(AMM)平台、流动性池管理系统、去中心化交易所(DEX)、收益聚合器、质押挖矿平台以及...
迪外狄
让人眼前一亮的专业开发者个人作品集 HTML 响应式网站模板｜现代交互式简历 / 程序员简历网站这是一款专为程序员、软件工程师和技术从业者打造的个性高端个人作品集与在线简历响应式网站模板，基于原生HTML实现，整体风格偏向“代码感 + 科技感”，在第一眼就能建立专业形象。模板通过流畅的动画...
logo轮播
品牌LOGO横向滚动轮播，用纯 CSS 打造的极简动态展示效果这是一款滚动式品牌展示轮播效果，基于CSS的 index 属性实现，多个知名品牌的LOGO在黑色背景上以匀速横向滑动，搭配网格线和微光渐变，营造出科技感十足的动态视觉体验。整体风格简洁现代，突...
滚动切换图片
CSS 滚动驱动多阶段照片比较组件：自动适配层的分阶段内容展示工具，让图像叙事更智能流畅这是一款基于 CSS 滚动驱动多阶段图像比较效果，基于 CSS scroll-timeline+animation-range+JS 技术实现 —— 它靠滚动位置来驱动多阶段的图像对比，利用图片...
圆形轮播
纯CSS实现的带镜面反射效果的3D原地旋转自动轮播组件这是一款基于CSS高级选择器 sibling-index() 和 sibling-count() 实现的多功能3D圆形原地旋转自动轮播组件，支持图片或图文卡片形式，支持悬停暂停效果、支持动态计算...
3D堆叠边框
彩虹渐变3D框架 Frame 堆叠效果 - 基于CSS的动态层级视觉设计这是一款基于CSS实现的3D彩虹框架堆叠动画，通过nth-child和sibling-index等选择器动态计算每层边框的颜色、深度与透明度，形成层层递进的立体视觉效果。用户可点击按钮实时添加或...
层叠卡片
JavaScript 3D错位动态堆叠卡片效果这是一款层叠偏移卡片效果，基于CSS+JavaScript技术实现，卡片以错位堆叠布局排列，悬停时通过动态调整 z-index 和位置突出当前卡片，适用于相册、项目集或内容画廊等展示场景。
滚动进度
CSS页面右侧轮播滚动进度指示器效果这是一款滚动进度指示器效果，位于页面的任意一侧区域，默认的指示器样式时数字形式，可以自定义为图片等其他形式。基于纯CSS+JS实现，使用非常简单，只需要将主内容以及指示器放置于列表UI中即可
波浪图片效果
CSS实现图像切片附带悬停3D凸起波浪效果，并实现了色差滤镜这是一款纯CSS 3D余弦波悬停效果，基于CSS数学函数与3D变换技术实现。该效果摒弃了对单个元素使用z-index的传统做法，而是将常见元素置于同一个3D渲染上下文中，并为每个元素分配了一个索...
3D切换
HTML中基于CSS实现3D海报展示及左右滚动切换效果，带指示滑块和镜面反射效果这是一款惊艳的3D图片滚动轮播效果，通过上下滑动鼠标即可实现带有镜面反射效果的立体图片左右来回切换的功能。基于CSS3技术实现，通过使用transform-style: preserve-3d来...
UFO
CSS实现UFO灯光照亮地面效果使用CSS实现的UFO模型效果，在html中预先定义UFO的头部：head，主体：body，灯光：beam等五个区域，然后通过CSS的定位position、背景background以及z-ind...
小球绕环
CSS 三只小球环绕圆环顺时针运动Loading页面加载器动画效果创建一个由环形（ring）和球体（spheres）组成的动画场景，并使用CSS来控制z-index的变化，可以产生一个动态且具有深度感的三只小球环绕圆环顺时针运动动画效果。这样的动画可以用于各...