第一篇主要列出了一些常用或经典的CSS3技巧和方法;第二篇是一个用CSS3实现的立方体实例,详细讲解了3D旋转和transform等属性。
本文再来利用CSS3属性来编写一个实例,话不多说,先直接看看效果。
因为前面已经讲解过一些属性的用法,此篇文章不再赘述,只记录这个实例的编码过程。项目代码最最后。
布局
直接看html布局:
<div class=my-container> <!-- 大容器 -->
<div class=photo-wrap> <!-- 舞台 -->
<div class=container> <!--