JS表情贴纸动画,点击随机落贴与卷边展开特效

表情贴

JS表情贴纸动画,点击随机落贴与卷边展开特效

点击画面随机贴上一枚表情,贴纸带白边、角度变化与卷边展开动画,落定后保留在页面,可连续叠贴。

纯 CSS 环形图片轮播,六面卡片自动旋转展示源码

环形产品墙

纯 CSS 环形图片轮播,六面卡片自动旋转展示源码

六张产品图片围成立体圆环持续自转,圆角卡面配合浮雕阴影,鼠标悬停时改变透视视点,无脚本。

GSAP搜索首屏动画,图片球阵与漂浮卡片交互源码

漂浮搜索页

GSAP搜索首屏动画,图片球阵与漂浮卡片交互源码

图片网格组成球形首屏,周围卡片错峰入场并漂浮,搭配循环打字、鼠标视差、点击反馈和滚动扩散。

CSS人物介绍卡片,悬停放大照片与姓名渐显特效

聚焦人物卡

CSS人物介绍卡片,悬停放大照片与姓名渐显特效

三张人物照片并排展示,悬停时背景放大并偏移,姓名、边框与社交图标渐显,纯CSS完成交互过渡。

CSS霓虹登录表单,绿色光带与网格悬停动画源码

网格登录页

CSS霓虹登录表单,绿色光带与网格悬停动画源码

绿色光带扫过深色网格,鼠标经过方格留下渐隐亮色,登录框带浮动标签、焦点反馈和霓虹提交按钮。

CSS拟态导航菜单,图标上浮与选中标签渐显特效

浮起导航

CSS拟态导航菜单,图标上浮与选中标签渐显特效

深色拟态导航搭配绿色发光选中态,点击后图标上浮、文字标签渐显,五个入口共用轻量状态切换。

JS文字放大镜阅读器,局部放大与背景模糊特效

局部阅读镜

JS文字放大镜阅读器,局部放大与背景模糊特效

圆形镜片跟随鼠标放大中文正文,镜外内容降低透明度并模糊,镜片尺寸随视口变化,触屏保留普通阅读。

纯 CSS 登录注册表单,双面卡片立体翻转切换源码

登录注册卡

纯 CSS 登录注册表单,双面卡片立体翻转切换源码

登录与注册分别放在卡片正背面,通过开关完成三维翻转,搭配浮雕输入框、图标和焦点反馈,无交互脚本。

CSS纹理旋转球体,经纬分片与参数调节特效源码

旋转地球仪

CSS纹理旋转球体,经纬分片与参数调节特效源码

用经纬分片拼出旋转球体,可调纬带、分片数量、尺寸与转速,并切换本地纹理、边框和极区优化。

CSS图片手风琴卡片,点击展开与标题渐显特效

横向相册

CSS图片手风琴卡片,点击展开与标题渐显特效

五张风景卡片横向排列,点击后选中图片平滑展开,图标、标题与短说明同步移动并渐显,支持窄屏缩减展示。

GSAP液体进度条,百分比数据卡片交互动画源码

玻璃刻度

GSAP液体进度条,百分比数据卡片交互动画源码

五组玻璃容器以液面高度展示百分比,带弹性入场、悬停提示和倾斜反馈,点击可更新演示数值与液面。

纯CSS轨道粒子球,星环环绕与暂停慢放动画源码

环绕星球

纯CSS轨道粒子球,星环环绕与暂停慢放动画源码

彩色圆点与圆环覆盖球体,星形粒子沿三条倾斜轨道环绕,可暂停、慢放、隐藏轨道并重播入场动画。