111CSS3效果:旋转的正方体

实现思路:(1)把6个正方形通过定位叠放在一起;(2)1个不动,4个旋转90度与前者垂直,形成1个无盖盒子,最后1个通过平移作为盒盖!(3)添加CSS3动画,实现旋转。
```html:run




旋转的正方体





  • 1

  • 2

  • 3

  • 4

  • 5

  • 6





```

转载于:https://www.cnblogs.com/gushixianqiancheng/p/10967280.html

你可能感兴趣的:(111CSS3效果:旋转的正方体)