发表于： 2016-03-22 23:55:48
1 1120
今天完成的事情：完成task08的布局，研究如何实现卡片翻转效果。
明天计划的事情：弄清楚卡片翻转效果，完成task08，把页面的横向滚动条去掉，学习bootstrap,开始task09。
遇到的问题：
卡片翻转效果没有弄懂，看了毛毛师兄的日报，找了几个网址：
http://www.webhek.com/css-flip/
http://www.htmleaf.com/ziliaoku/qianduanjiaocheng/201502031323.html
我实验了下，把他们的代码考下来自己修改了后这个可以实现翻转效果，但是放到task08的页面中quest不行，task08用了之后本来排好的布局发生了改变，我估计是我哪个属性没有设置好的问题。
改好的简单版卡片翻转效果：http://119.10.57.65/ptt002/css/images/turn.html
我的出问题的task08：http://119.10.57.65/ptt002/css/images/Task08.html
收获：
原来用css就可以实现丰富的动画效果。
布局使用盒子套盒子感觉好处就是改变一块内容时，其他内容是不收影响的，但是坏处是太繁琐了，看着都头大，我感觉一定是我哪个地方可以简化但是我反而复杂化了，导致盒子太多。
返回列表
评论