[北京|结业弟子]JS-陆天一|2016年03月25日的日报-技能树.IT修真院

发表于： 2016-03-25 23:25:46

1 1076

今天完成的事：来修真院线下（好兴奋啊！），做了一天的车，晚上7点才到，看了一会儿W3school的js

明天要做的事：task9

遇到的问题：暂无

收货：task8的翻转效果由背面翻转180度，先设置背面内容；注意是先影藏背面和设置绝对定位来跳出标准流，

backface-visibility: hidden;

position: absolute;
top: 0;
left: 0;

width: 100%;
height: 100%;

角度是由-180度

transform: rotateY(-180deg);

到触发时翻到正面0度，设置时间1s

.main-box:hover li.back{
    transform: rotateY(0deg);
    transition: 1s;
}

http://119.10.57.69/ptt008/task7lu/task8lu.html 我的task8来了之后和师兄讨论之后感觉自己的自适应和响应式都做的比较差，明天开始改进吧

还有想问一下task9 是需要用bootstrap的格栅来写吗？

返回列表