3D 动效

3D 翻转、倾斜、立体卡片、鼠标跟随。

3D 卡片翻转 + 鼠标跟随倾斜特效(纯 CSS + JS)
css · js · 自研
3D 旋转木马组件(CSS 卡片环旋转木马,数量/半径/速度可调)
css · js · 自研
3D 开门效果(铰链旋转门板 CSS 动画)
css · js · 自研
3D 硬币翻转组件(CSS 圆柱硬币抛掷动画,时长/连抛可调)
css · js · 自研
3D 分层卡片组件(CSS 层叠景深卡片,悬停/点击展开可调)
css · js · 自研
3D 透视滚动(滚动驱动的视差纵深特效)
css · js · 自研
3D 金字塔组件(CSS 四棱锥旋转特效,线框/尺寸/轴向可调)
css · js · 自研
3D 交换卡片(CSS 3D 翻飞换位动效)
css · js · 自研
3D 球体画廊组件(斐波那契球面分布,拖拽惯性旋转可调)
js · css · 自研
3D 倾斜容器组件(鼠标跟随倾斜卡片,倾角/视距/高光可调)
js · css · 自研
3D 圆环组件(CSS 分段圆环/甜甜圈,段数/管径/半径可调)
css · js · 自研
3D 卡片堆叠特效(纯 CSS,悬停扇形展开,角度/间距可调)
css · 自研
3D 立方体旋转特效(纯 CSS,速度/尺寸/旋转轴实时可调)
css · 自研
3D 翻转卡片合集(4 款翻转样式,悬停/点击触发可切换)
css · js · 自研
✍️ 作者与审核