html+css3立体式3D旋转动画特效

1、准备好需要用到的图标。

3、书写hmtl代艨位雅剖码。<div class="aaa"><div 艘早祓胂class="flip-3d"> <figure> <img src="images/1.jpg" > <figcaption>百度经验一</figcaption> </figure></div><div class="flip-3d"> <figure> <img src="images/2.jpg" > <figcaption>百度经验 rats</figcaption> </figure></div><div class="flip-3d"> <figure> <img src="images/3.jpg" > <figcaption>百度经验Rabbit</figcaption> </figure></div></div>

5、代码整体结构。