镜面反射
基于 CSS 实现的渐进模糊镜面反射倒影效果，附带缩略图导航图片轮播组件这是一款渐进模糊镜面反射倒影效果，基于纯 CSS 技术实现，能让山脉在水面的倒影呈现出由近及远逐渐模糊的视觉层次，营造出逼真的山水倒影质感，营造出静谧、真实的视觉氛围。画面中景物在水平线以下形成...
冰霜动画
纯CSS实现冰霜凝结以及晃动鼠标擦拭冰霜动画效果这是一款冰霜擦拭与凝结 HTML 动画效果，基于纯CSS技术实现，把汽水“藏” 在朦胧的 “冷藏玻璃” 后，鼠标悬停会显示雪花图标，晃动鼠标，表面的冰霜会被慢慢擦除，停止晃动鼠标后，冰霜又慢慢的...
在线问卷
纯 JS+JSON 打造的交互式在线问卷调查测验组件，支持定制外观以及轻松维护题目和答案这是一款基于原生 JavaScript 和 JSON 的交互式问卷调查答题组件系统，用纯JS动态加载题目，无需依赖其他插件库，可动态加载题目、答案和解析，支持单选题、多选题、判断题等多种题型，还...
下划线
GSAP DrawSVG 实现的随机手写般自然”手绘风格“下划线效果这是一款文字随机下划线效果，基于GSAP以及插件 DrawSVG 技术实现，能为指定文字添加灵动的手绘风格下划线，用流畅的绘制动画替代传统死板下划线，鼠标悬停时下划线像手写般自然“画”出来，增强...
账单布局
纯 CSS 打造的行程账单支付状态布局界面，清新布局，一目了然！这是一款行程账单支付状态展示效果，基于 CSS 技术实现，能清晰呈现总费用、每人分摊金额、各成员支付状态以及整体付款进度，还提供发送提醒、下载账单、立即支付等功能，适用于多人出行、团队活动的费用...
红色爱心点赞按钮
简约红色小爱心点赞动画交互效果 HTML 源码这是一个点赞动画效果，基于css+js技术实现：默认显示为空心爱心，点击后变成红色实心，同时会有小圆点向外扩散消失。整体感觉温馨又灵动，很适合用在社交平台的点赞功能中。
液态过渡幻灯片
GSAP液态形态过渡 3D 幻灯片切换效果，附带图片预览倒计时进度条这是一款基于 GSAP 技术打造的液态变形轮播效果，通过3D流体形态实现图片间的无缝过渡，画面如液体般流动融合，视觉冲击力强，还可通过键盘以及鼠标控制图片的切换，附带图片预览倒计时进度条。适用于...
播放按钮
20+款CSS媒体播放动画按钮合集，每个按钮配备专属悬停动画，高颜值、可定制的交互设计素材这是一款CSS动画播放按钮合集，基于纯CSS实现，包含20+种独特交互效果，每个按钮配备专属悬停动画，如脉冲光晕、旋转光效、霓虹发光和彩虹轨迹等，每种样式均支持悬停响应，视觉表现力强。适用于视频...
圆形滑块
六款自定义圆形及半圆形范围滑块组件（CSS+JS），适合温度调节、仪表盘、播放器等多场景使用的数据调节控件这是一款自定义圆形范围滑块效果，基于前端技术实现，支持全圆、半圆及弧形多种布局，支持自定义刻度与标签，视觉直观且交互灵活，适用于仪表盘设计、温度控制器、音乐播放器、进度展示、参数调节等场景，尤...
简约钟表
HTML简约黑白色调模拟时钟效果（CSS+JS）这是一款模拟时钟效果，基于CSS offset-path 技术实现，指针沿圆形路径精准运动，还原真实机械钟表的动态感。设计简洁大气，时间显示准确流畅，适用于网页计时器、仪表盘界面、教育类应用等场...
像素风武士
“我的世界”像素风武士角色行走、攻击等动作，用CSS+JS打造复古游戏级交互体验这是一款像素风武士角色动画效果，基于CSS steps() 函数与JavaScript实现，通过精灵图（spritesheet）驱动角色行走、攻击等动作，响应键盘输入流畅切换动画帧。适用于游戏化...
圆角滚动条
HTML中自定义弧形滚动条适配容器圆角边框（CSS+JS），能适配不同尺寸的屏幕这是一款自定义圆角滚动条效果，基于CSS+JS技术实现，滚动条形状与容器边框圆角完美贴合，能跟随容器的圆角呈现弧形，且长度会根据内容量智能计算，视觉统一且交互自然。能够适配不同大小的屏幕，适用于...