发表于： 2016-01-31 21:30:37
1 1456
本来以为3D翻转效果很难做，觉得代码要大改动，本来想放弃。然后站在门口一边45度角仰望天空，一边啃着苹果的时候，突然灵光一闪，我昨晚不是看了rotateX，rotateY和rotateZ吗？正好可以用上，于是立马打开电脑。。我做的效果很简单，就是用transform：rotate 设置要3D变换的类型，然后用transition过度，设置一下时间就好了，只需要两行代码，当然这只是简单的翻转，transform还有很多属性值得探索。
关于响应式的也没怎么看，不过写响应式好像有那么点思路了，我的理解是响应式html部分都不变，然后把css部分根据不同的分辨率再重新写一遍，再用@media探测当前的分辨率，以便调用对应的css，说白了就是写三个css，分别是手机，平板，和电脑。不知道理解的对不对。
tasks：benjalin.com
返回列表
评论