
倾斜文本
CSS向屏幕内倾斜的3D标题文本一款文本向屏幕内伸展的创意3D文本,基于CSS的transform及其他动画效果实现,页面加载后文本渐渐地呈现向屏幕里靠近的3D动画效果,适合于标题文本或其他号召性主题页面

光标放大镜
简约jQuery放大镜自定义光标插件,适用于图像预览、细节展示等交互场景这是一款光标悬停放大效果,基于CSS+SVG技术实现,当鼠标移动时会在自定义光标周围形成圆形放大镜区域,将局部内容动态放大显示,适用于图像预览、细节展示等交互场景。

卡片布局
纯CSS实现倾斜带标题的创意图文卡片布局,悬停时倾斜及图片复位这是一款基于伪元素双图层倾斜设计的图文卡片交互效果,基于纯CSS技术实现,悬停时伪元素复位并触发圆角与背景位移,适用于产品卡片或焦点图展示场景。

图书封面
纯CSS仿真书封设计,精致带书签的响应式图书封面这是一款基于 writing-mode 和 CSS 3D 变换实现的书籍封面效果,模拟横向文字排列与书签细节,适用于电子书推广或图书作品展示场景。

悬停卡片
CSS悬停动态裁剪六种多边形图片边框卡片,并带有文字信息及操作按钮这是一款基于CSS的 clip-path 动画等属性实现的卡片交互效果,悬停时图像裁剪为圆形、五边形等共六款多边形边框展开并滑出文字信息与操作按钮,适用于作品集或产品展示的渐进式披露场景。

方块加载器
基于 splitting.js+GSAP 分割与重组方块实现创意Loading加载动画这是一款基于 Splitting.js 和 GSAP 技术实现的文字小方块拆解动画效果,通过CSS实现的多个小方块的分散重组创造加载过程,适用于品牌网站或创意页面过渡场景。

挂画效果
HTML基于CSS实现为图片设置边框变为可以挂在墙上的装饰画这是一款基于CSS的background-clip和伪元素实现的画框效果,通过阴影和蓝黑相间的色调模拟油画质感,配合绳牌装饰形成墙壁挂画展示效果,适用于艺术作品展示或文化类网页设计场景。

弹跳加载
CSS果冻豆弹跳Loading加载动画这是一款基于CSS关键帧动画实现的弹性加载动效,融合动画十二法则中的挤压拉伸原理,形似Scrabble棋子弹跳,适用于轻量级Loading等待状态或游戏化界面场景。

图片分割
CSS实现图片纵向分割成条,悬停时复原图片特效这是一款图片纵向分割与悬停复原动画效果,基于纯CSS的clip-path等关键属性实现,形象的模拟风暴下支离破碎的图片场景,适用于创意作品展示或动态视觉冲击场景。

挤压反弹按钮
CSS实现的悬停弹性挤压按钮动画效果这是一款基于CSS transform: scale() 和关键帧动画实现的弹性按钮效果,鼠标悬停时模拟挤压回弹物理反馈,总共提供了从上往下伸展、从外向内伸展、从内向外伸展、从下向上伸展四种弹性...

波浪文字
基于CSS+Splitting拆分文字并实现整个段落文字以波浪形的动画形式逐个入场这是一款基于Splitting控件拆分文字的功能结合CSS动画技术实现的波浪形文字入场效果,可实现整个段落的文字以波浪形的动画形式逐个显现。适用于公告或通知等重点内容显示场景

波浪文字
CSS悬停波浪文字动画效果这是一款基于 font-variation-settings 和 CSS 动画实现的文字悬停波浪变形效果,通过调节字重宽度参数模拟波动,适用于标题动态展示或数据可视化场景。