流动水珠
CSS+SVG液态玻璃水珠装饰文本效果这是一款纯HTML+CSS+SVG实现的“液态水珠”文本装饰效果，通过巧妙的渐变、阴影和变形动画模拟出真实业态水珠效果，文字仿佛悬浮在透明液滴中，鼠标点击产生自然波动，通过拖拽右下角可以将水滴分...
水晶球景观
多彩水晶球近远景预览，CSS 自定义函数驱动的单色主题切换 + 滚动动画效果这是一款 CSS 自定义函数驱动的单色主题切换 + 滚动动画效果，基于 CSS 自定义函数与原生 JavaScript 技术实现。它借助 CSS 的 has () 函数关联单选按钮，可从白、红、...
小球穿洞
彩色弹球循环跳跃小洞加载动画效果（CSS+SVG），让等待变得有趣！这是一款弹跳彩球穿孔跳跃加载动画效果，基于CSS+SVG技术实现，通过巧妙的阴影和渐变营造出立体感十足的3D视觉效果，多个彩色小球在多个小洞中循环跳跃（还借助 SVG 剪切路径处理了洞口的细节，...
滚动卡片
GSAP立体光影卡片滚动轮播效果，让内容展示更有层次感这是一款滚动卡片轮播效果，基于 GSAP 、ScrollTrigger技术实现，滑动鼠标或者拖动卡片切换时，通过径向渐变模拟卡片的光影变化，让卡片在滚动切换时呈现出立体感和层次感，视觉上更接近真...
滑动切换
纯 CSS 滑动标签切换动画效果，适用于标签切换、选择栏以及导航等场景这是一款纯CSS实现的动画分段控件效果，通过伪元素和过渡动画打造“滑动切换”的视觉效果，点击任意选项时，选中状态会以平滑的方式横向移动，仿佛按钮在“滑入”当前位置，悬停时，阴影标记跟随鼠标移动。...
掷硬币
three.js实现的 3D 硬币抛掷互动效果，趣味决策在线工具这是一款模拟真实硬币抛掷的 3D 视觉效果，基于CSS+three.js技术实现，通过点击拖拽即可触发硬币翻转动画，呈现出逼真的立体旋转与阴影变化。硬币正反面分别标注“YES”和“NO”，还设有...
流光按钮
带彩色流光边框的高端定制按钮（CSS+JS），悬停按钮微光追随交互动效这是一款使用CSS+JS实现高端定制化按钮，带有悬停流光动态交互效果，采用半透明背景、渐变边框与轻微阴影，营造出晶莹剔透的玻璃质感，在悬停按钮时按钮微微凸起，边框带有彩色光晕流动效果。按钮文字清...
进度条
玻璃 / 凝胶质感进度条：让加载进度也变得非常优雅（CSS+JS）这是一款玻璃 / 凝胶质感进度条效果，基于 CSS+JS 技术实现，借助细腻的阴影与渐变等技法，为默认<progress>元素打造出细腻的玻璃或凝胶视觉风格，还支持多种质感主题切换、支持进度条宽...
玻璃按钮
液态玻璃风格主题模式切换透明按钮，用CSS打造地会“流动”的交互按钮这是一款液态玻璃风格开关切换效果，基于 CSS 技术实现，通过渐变、阴影与透明度的巧妙结合，以玻璃透明质感的视觉表现和顺滑的切换动画，实现日 / 夜模式等场景的交互控制，不仅功能清晰，还极具现...
光影卡片
CSS+JS实现动态3D光影跟随鼠标在卡片边框上的移动效果这是一款卡片阴影边框动效果附带鼠标跟随光影变化动效，基于 CSS 与 JS 技术实现，当鼠标在卡片上或者围绕卡片移动时，光影会随之灵动变化，能为页面增添交互感与视觉活力，这种效果适用于各种需要增...
太阳光照地球
svg + canvas 太阳光照在地图上产生光照与阴影效果这是一款基于 svg + canvas 技术实现的太阳光照与阴影位置可视化效果，通过结合SunCalc库，能动态展示太阳在不同时间、不同经纬度下的光照范围和阴影分布情况。通过色彩渐变（如从黄色到...
3D房车
纯CSS实现的动态 3D 房车特效这是一款参考《绝命毒师》剧情制作的 3D 房车效果，基于纯 CSS 技术实现，通过巧妙的阴影和透视设计，呈现出逼真的三维视觉效果，并且小车一直在前后晃动，顶部的天窗冒着蓝色的化合物烟雾，精准还原...