用户评价卡片
手撕笔记本纸用户评价卡（纯CSS活页纸质感）这是一款笔记本活页纸风格的用户评价卡片，基于纯 CSS 实现。三张便签纸随意叠放、各带轻微倾斜角度，左侧边缘由遮罩挖出整排装订圆孔，纸面印着淡淡横格线，文字行高与格线严格对齐，配上打字机字体和柔...
故障风单选按钮
赛博故障风单选按钮（SVG滤镜+GSAP霓虹动效）这是一款赛博朋克故障风格的单选按钮组，基于 SVG 滤镜与 GSAP 动画实现。深色底上是一排霓虹绿的选项标签，鼠标悬停时背后的扫描线开始滚动并明暗闪烁，像老式显像管屏幕；选中某项时，粉色与青绿...
毛玻璃登录框
毛玻璃登录表单（纯CSS磨砂质感UI模板）这是一款毛玻璃风格的登录表单，基于纯 HTML+CSS 实现。页面铺满黄橙紫蓝四色渐变，表单卡片采用半透明白底加背景模糊，配上一圈细腻的浅色描边与柔和投影，呈现出通透的磨砂玻璃质感；卡片对角各放...
互动登录表单
HTML5 创意登录表单源码，CSS 3D 机器人转头表情互动 + 密码强度检测这是一款机器人守卫互动登录表单特效，基于纯 HTML + CSS 3D + 原生 JavaScript 实现，不依赖任何第三方库。页面上的机器人「Volt」全程用对话气泡陪着你填表：眼球会跟随鼠...
拟物化UI
深色拟物控制面板 UI：可拖拽旋钮+推子的纯 CSS 质感界面这是一款深色拟物控制面板 UI效果，基于 HTML+CSS+JavaScript 实现，纯 CSS 造型、不依赖任何图片和第三方库。整块面板走的是"碳纤维+金属旋钮"的路子：大号旋钮可以按住拖动...
进度环按钮
CSS 渐变流光进度按钮 — 底部光晕描边，悬停自动涨进度这是一款渐变描边引导按钮效果，纯 CSS 实现，没有用任何 JS 动画。按钮左侧是一圈虚线进度环，中间显示完成百分比，右侧是标题、副标题和箭头，底部还透出一层柔和的彩色光晕，像是从下方打上来的灯光。
3D翻页效果
拟真复古书籍翻页效果 | 基于 CSS3D 与 JS 的拟物化交互组件这是一款拟真复古风格的电子书翻页组件，基于 CSS3D + JavaScript 技术实现。它细腻还原了精装皮质封面、羊皮纸纹理与真实翻页弧度，并支持实时调节页面的弯曲与阴影效果。更巧妙的是，它...
3D爱心点赞
伪3D翻转爱心点赞按钮 | CSS3与SVG微交互UI动画这是一款伪3D立体翻转爱心点赞效果，基于 CSS3D + SVG + React技术实现。点击时爱心会沿着 Y 轴优雅旋转，同时伴随光晕与粒子散射的视觉反馈。这种轻量的微交互能给简单的点击赋予...
订票按钮
创意机票预订按钮微交互 HTML 动画特效 | 旅游网页行为召唤组件设计这是一款飞机票预订按钮微交互效果，基于React与CSS动画技术实现。在默认状态下，它呈现为一个干净克制的蓝色操作键；一旦触发交互，按钮内部会以平滑的过渡效果，展现出在蔚蓝大海与海岛上空翱翔的俯...
自定义范围滑块
拟物风自定义 HTML 范围滑块，极简 JS 渐变进度滑动控件这是一款拟物化质感的自定义范围滑块效果，基于原生 range 输入框与极简 JavaScript 实现，轨道带有立体凹陷光影，已选进度呈现蓝紫渐变，拖动滑块可同步显示当前数值，交互流畅且视觉精致...
Q 弹弹跳按钮
CSS 趣味 Q 弹弹跳按钮，游戏风菜单交互动效这是一款 Q 弹趣味风格的弹跳按钮动效，基于纯 CSS 技术实现，按钮自带立体厚底阴影，悬停时会触发弹性扭动与弹跳过渡动画，视觉活泼有张力，游戏感十足，适用于游戏开始菜单、趣味活动页、亲子类网站...