🎴 3D卡片CSS生成器
自定义立体卡片样式 | 实时预览 | 一键复制CSS代码
⚙️ 卡片参数
宽度 (px)
280
px
高度 (px)
280
px
圆角 (px)
20
px
背景颜色
文字颜色
X轴旋转 (deg)
10
°
Y轴旋转 (deg)
15
°
阴影强度
20
px
透视距离 (px)
800
px
🎨 实时预览
3D Card
悬浮立体效果
可自定义样式
鼠标悬停或拖拽滑块实时变化
📋 CSS 代码
复制 CSS 代码
📖 使用说明
调整左侧滑块/颜色，右侧卡片会实时更新。
生成的CSS代码可直接复制到项目中使用。
透视距离控制3D景深，旋转角度可制造立体感。
适用于产品展示、个人名片、悬停特效等场景。