发表于: 2016-06-01 17:52:51
2 947
今天完成的事情:TASK8。了解了css3里面的transition。哦,我的天。。感觉很棒,可以做很多东西出来。
明天计划的事情:完成TASK9。
遇到的问题:中间职业介绍部分,用了ul>li,简直了!!得有耐心慢慢做。。做好1个,其他的直接套就行。。还有就是鼠标滑过有动画这点。。需要看一看css3的知识。
收获:通过今天的学习,学习了transition(过渡),transform(变形)。其中transition里面有四个属性:需要变的css的名称/总共需要的时间/速度效果/过渡效果在多久后开始。transform的值有:translate(2D/3D的转换),scale(缩放),rotate(旋转),skew(倾斜)。
【在做这个页面的时候,在每一块简介(我用了个ul),的后面,加了一个div,用来放鼠标滑过时显示的内容。将这个div放在合适的位置上,设置了opacity为0。当鼠标滑过这个ul时(:hover),这个div的opacity值为1。】
评论