发表于: 2016-04-01 17:24:28
1 1765
今天完成的事情:task8,动画制作,w3c学习2d,3d转换。
明天计划的事情:下周开始task9
遇到的问题:虽然在w3c学习了2d,3d转换属性,但实际在制作task8,遇到不少的问题。我本来用display: block/none显示隐藏背景元素,再结合js,再加3d过渡效果css3属性做出效果。可翻看古尘师姐的日报,她没有用js,而是用纯css3效果。这让我明白了,hover 伪类的其他用法 可以用最外层的容器div加伪类 再加背景容器.bg的类 div:hover .bg, 这样以便可以很好的控制鼠标经过并同时显示需要的背景容器。背景容器如何做到隐藏,是运用了 backface-visibility: hidden;在网上查资料上面解释, 通过backface-visibility:hidden;
属性,我们可以使一个元素在翻转之后消失,这是可以使用另一个元素放在它的背面,从而制作出一种元素翻转之后出现另一个元素的效果。 css3动画属性其实还有很多需要学习的知识点,我在慕课网上找了些相关视频看,视频理解起来倒也不难,但需要花时间和精力去消化和运用。这是将来要补足功课的地方。
评论