滑动切换
纯 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 技术实现，通过巧妙的阴影和透视设计，呈现出逼真的三维视觉效果，并且小车一直在前后晃动，顶部的天窗冒着蓝色的化合物烟雾，精准还原...
登录注册表单
CSS新拟态风格「Neumorphism」登录注册表单组件，支持单页面切换注册登录功能这是一款新拟态风格登录注册表单布局，基于CSS框阴影技术实现，通过柔和的凹凸质感与微妙的光影变化，打造具有现代感的软UI界面，点击注册或者登录按钮实现界面左右交换，特别具有创意的登录注册表单布局...
旋转地球仪
Three.js SVG交互式三维旋转地球仪（矢量地图WebGL渲染方案）这是一款交互式三维转动地球仪，基于Three.js+SVG+GSAP技术实现，通过将平面矢量地图动态投影到WebGL球体表面，清晰的展示国家与地区的分布，并且支持鼠标悬停展示名称，同时还支持通过...
灯笼开关
CSS灯笼光影切换效果，适用于创意明暗主题开关切换创景这是一款灯笼光影切换效果，基于CSS技术实现，通过动态阴影和颜色过渡模拟传统灯笼的照明变化，适用于文化类网站、节日主题页面的亮暗主题切换或氛围营造场景。