强化下perspective和transform:translatez的用法。传统的商品展示或许并不能很好的吸引用户的注意力,但是如果在展示中添加适当的3d元素,~说不定效果不错哈~
效果图:
说明一下:这个创意不是我想的,哈~模仿别人的,创意应该是w3cplus上的。当然了,重点是教大家如何做,就当高仿了~
首先,先教大家利用css3制作一个正方体:
在木有css前,这样的立方体,应该很难制作吧~嗯,我觉得很难~
html:
1
6
4
3
5