2D动画——CSS制作摩天轮，2024年大厂前端岗面试必问

1. 需要的素材分为三个部分，一个是底部位置固定的支架；一个是中间旋转的骨架；一个是单个座位；

2. 分为三个盒子分别装这三种素材，第一个盒子放骨架，第二个盒子利用绝对定位放在第一个盒子之上，里面放单个的座位，第三个盒子就放底部支架，通过 z-index: -1属性使它放在最底层，让其他盒子遮住它；

3. 单个座位需要使用绝对定位来对齐骨架的每个连接处；

4. 动画部分就两个，一个逆时针自转（单个座位），一个顺时针整体旋转（包含单个座位的父盒子）

2、代码

=====

素材和效果图在下面