发表于： 2016-07-28 23:20:21
1 1614
今天完成的事情：任务8
明天计划的事情：任务9，多思考
遇到的问题：今天对隐藏的页翻转看了好久，概念还是不太懂。后面请教了恒泰师兄，参考了古尘师姐的日报才懂了原理：
opacity: 0; -(隐藏)transform: rotateY(180deg); -（沿着Y轴旋转180度）transition:transfrom 2S,opacity 2S -（变形： 旋转180需要两秒 隐藏到浮现时间需要2秒。）PS：上面的两个2秒可以改成 transition：property 2S （过度时间2S）.ios:hover{ -（当鼠标放上去的时候）opacity: 1; -（ 完全显示隐藏度为0）transform: rotateY(360deg); -（由原来的180变成360.旋转）}
结合起来就是当鼠标放上去的时候沿着Y轴180~360度，这个旋转时间需要两秒。从隐藏到浮现需要2秒，就是旋转加隐藏了。
各种旋转，变形，拉伸，好多。角度也非常多，需要一一敲敲。
觉得10任务就要难了，我对自适应，响应式很懵b
收获：学会了如何隐藏旋转，对于如何把握布局更熟悉。
返回列表
评论