发表于: 2018-06-05 23:06:05
1 581
今天完成的事:
1、给页面1加了汉堡菜单。
2、目前在用SASS写css,发现原来没有考虑到类名冲突的问题,我的天...一波三折,重构真的是...。
明天的计划:
1、继续啃任务13,难道我要写一周???!!,不要啊。。。
遇到的困难:
1、对transform的属性不理解,额自己写的汉堡菜单思路是有的,就是,我设置了移动的动画,居然再考虑怎么回播...后面多亏师兄救场,其实,没有所谓的动画回播,transition属性是为了让渲染的过程更加清晰,和animation类似。
收获:
1、今天看了一下汉堡菜单实现了。怎么说,挺好玩的CSS3的东西,但是最这方面研究真的太少,哎,感觉自己真的菜,一下午才想明白这个东西,嗯,还好。。。总算有些收获吧。之前的思路有问题,我以为是用radio做的,但是radio没办法通过点击使它的状态回归非checked状态。不过好在实现了,印象深刻,后续轮播的话应该好写一些。
2、复习一波transition的属性:
transition 属性是一个简写属性,用于设置四个过渡属性:
transition-property
transition-duration
transition-timing-function
transition-delay
注释:请始终设置 transition-duration 属性,否则时长为 0,就不会产生过渡效果。
3、看了一下张鑫旭关于网页架构的一些看法,有点思路,总感觉之前在走弯路:http://www.zhangxinxu.com/wordpress/2010/07/%E6%88%91%E6%98%AF%E5%A6%82%E4%BD%95%E5%AF%B9%E7%BD%91%E7%AB%99css%E8%BF%9B%E8%A1%8C%E6%9E%B6%E6%9E%84%E7%9A%84/
进度:CSS-任务13
开始时间:2018.05.31
评论