本文系统介绍了CSS Transform、Transition和Animation三大核心动效技术。Transform通过2D/3D变换实现元素几何变形（平移/旋转/缩放等），不改变文档流且性能优越；Transition监控属性变化实现平滑过渡，适合状态切换动画；Animation基于关键帧实现复杂时间轴动画。文章详细解析了三者的语法、执行顺序、透视原理、性能优化技巧，并提供了3D翻牌、关键帧动画

Flex 是一种一维布局方式，用于沿主轴（main axis）和交叉轴（cross axis）高效地排列元素。适合在水平方向或垂直方向上对齐内容。