🎯 实战应用场景

探索 CSS Transform & Transition 在真实项目中的应用。每个案例都展示了如何组合多个知识点，创建生产就绪的动画效果。

🧭 导航交互

响应式导航菜单的经典实现，使用 translateX 实现平滑的侧边栏动画效果

垂直展开的菜单动画，使用 translateY 或 scaleY 实现流畅的下拉效果

3D 翻转效果，使用 rotateY、perspective 和 backface-visibility 创建逼真的卡片翻转

图片轮播组件，使用 translateX 实现平滑的图片切换动画，支持手动和自动播放

可折叠的内容面板，使用 scaleY 或 max-height 实现平滑的展开收起效果

立体旋转相册效果，多张照片围成一圈，使用 rotateY 和 perspective 创建沉浸式浏览体验

多种加载指示器样式，使用 @keyframes 和 rotate/scale/opacity 创建动态加载效果

列表项依次出现效果，使用递增的 transition-delay 创建优雅的交错动画