发表于: 2016-03-02 01:16:54
2 1285
今天完成的事情:完成了task8.学会了使用卡片翻转的效果,熟悉了卡片表格的制作
明天计划的事情:完成task9。学会按钮 单选样式。
遇到的问题:卡片的翻转的效果,之前使用的是display:none和display:black,然后使用伪类hover来实现,但是效果并不好。 后来使用transform Y 来实现翻转的效果,然后加上transition几几几可以设置翻转的时间。然后加上backfacce-visibility:hidden 意思就是翻转后镜像面消失。再吧背面黑色的卡片设置i-index:-1 放到后面 就ok了。
收获:task8链接http://119.10.57.67/ptt004/task8/task8.html 用的百分比定位 可是效果还不是很好,浏览器一放大就会有错位的情况。请教了师兄,再最外层div可以加上min-width,高度最好慢慢往开撑,还有很多文字需要链接的地方要套上a标签,站外的要用_blank..还有代码顺序要规范 比如第一个写位置属性 第二个写大小 第三个写文字系列。
评论