数字变化器
纯CSS弹性数字加减选择器（步进器），优雅又实用的数字加减调节方案这是一款纯CSS实现的带颤抖弹性效果的步进数值选择器，通过隐藏的单选按钮 radio 驱动，支持键盘操作，兼顾美观与可用性。用户可通过点击加减按钮或使用方向键调整数值，交互流畅且无障碍友好。这种...
滚动图片开闭效果
CSS滚动图片展开与收缩效果，能让静态图片产生动态叙事感，提升用户的浏览体验这是一款滚动收缩与展开图片效果，基于纯 CSS 技术实现，在页面向上滚动时会对中心位置图片进行展开操作，让旁边多张图片随着滚动逐步散开消失，直至中心图片填充整个屏幕，当反向滚动时，中心图片逐渐收...
运动模糊数字
高速变化的模糊数字动画效果（CSS+JS），让数据变化更有动感这是一款带有运动模糊效果的数字计数器，基于CSS+JavaScript技术实现，通过模拟数字高速变化时的视觉拖影，让数字在跳变过程中呈现出流畅的动态轨迹。这种“动起来”的感觉增强了数据变化的冲击...
滚动卡片
GSAP立体光影卡片滚动轮播效果，让内容展示更有层次感这是一款滚动卡片轮播效果，基于 GSAP 、ScrollTrigger技术实现，滑动鼠标或者拖动卡片切换时，通过径向渐变模拟卡片的光影变化，让卡片在滚动切换时呈现出立体感和层次感，视觉上更接近真...
滑动切换
纯 CSS 滑动标签切换动画效果，适用于标签切换、选择栏以及导航等场景这是一款纯CSS实现的动画分段控件效果，通过伪元素和过渡动画打造“滑动切换”的视觉效果，点击任意选项时，选中状态会以平滑的方式横向移动，仿佛按钮在“滑入”当前位置，悬停时，阴影标记跟随鼠标移动。...
曲线路径轮播
纯CSS打造自定义曲线路径卡片轮播动画效果这是一款纯 CSS 实现的卡片路径滚动轮播，无需JavaScript，仅通过关键帧动画和transform属性控制每张卡片的位置与旋转，就能让卡片沿着自定义的非直线路径做循环滚动 —— 卡片还带...
雪花背景卡片
带动态下雪动画背景的卡片（CSS+JS）一款基于CSS+JS实现的动态下雪背景卡片，卡片最底层是一张冬季雪地场景图片，图片上写着文字，卡片的上方飘扬着雪花，像是一张爱情宣言卡片，透露着浪漫情调。
天气卡片
会下雪的天气卡片：动态雪天天气小组件（CSS+JS）这是一款极简风格的雪天天气小部件，基于CSS动画与JavaScript交互实现，通过模糊背景图与动态粒子营造出真实感十足的降雪氛围。太阳与月亮会随时间平滑移动，云层缓缓飘过，雪花持续飘落，视觉上...
滑动轮播
纯 CSS 滚动式图文卡片轮播组件，带左右与底部指示点联动导航按钮这是一款纯CSS实现的轮播图效果，利用先进CSS属性 ::scroll-* 伪元素和容器查询技术，让当前展示项在滚动切换时自动触发动画，无需JavaScript即可完成流畅的视觉过渡。中间卡片放...
丝滑切换按钮
用视图过渡打造按钮丝滑切换体验（CSS+JS）这是一款带有平滑过渡效果的切换按钮，基于CSS view-transition 和 JavaScript 实现，点击时按钮会以“内容流动”的方式动态切换选中状态，视觉上像是文字和颜色在空间中自然...
萌萌下拉框
CSS自定义萌系猫咪主题下拉选择框（带尾巴联动选项选择效果）这是一款趣味十足的猫咪主题下拉选择器，基于纯 CSS 技术实现，把普通下拉组件做得既实用又治愈，点击时猫尾巴会自动“摆动”并展开选项，带来轻松可爱的交互体验。默认状态是只安静躺着的黑猫，一旦触发...
游戏角色卡片
3D翻转式霓虹玻璃质感RPG游戏角色卡：一张卡片，两种世界这是一款可翻转式玻璃态 RPG 角色卡片 UI，基于纯CSS3+原生JavaScript实现，把现代界面质感和游戏沉浸感结合得很巧妙，融合了玻璃拟态、霓虹光效和宇宙星空背景，打造出极具沉浸感的游...