用途:为前端 3D 动画提供专家知识,使用 CSS/JS 实现透视变换、深度效果、卡片翻转、立方体旋转和视差深度,无需 WebGL。
主要能力:3D 翻转卡片(点击或悬停);悬停倾斜效果(含光泽叠加);3D 旋转立方体;视差深度分层;3D 轮播;3D 开门/揭示动画。涉及的核心概念包括父容器 perspective、子元素 transform-style: preserve-3d、backfaceVisibility 等。示例使用 React 与 framer-motion。
使用方式:在需要 3D 翻转卡片、透视动画、视差深度、旋转立方体、悬停倾斜、3D 轮播时激活。关联文件模式如 /*.tsx 含 3D 变换组件,/components/3D.tsx、Flip.tsx、Tilt.tsx。
适用场景:前端界面动画、交互卡片、展示型组件。
限制:资料未提供安装命令、定价、平台支持范围及浏览器兼容性说明;示例依赖 React 和 framer-motion,实际效果与兼容性需自行验证。