发表于: 2017-03-09 23:53:58
4 724
今天完成的事情:利用自己写的栅格系统写好的header和footer
明天计划的事情:继续任务15
遇到的问题:
响应式下来菜单没做出来,没有思路。
轮播,主要是两个关键点:
1.将4张图片左浮动横向并排放入一个div容器内,div宽度设置4个图片的总尺寸,然后放入相框容器div, 相框设置1个图片的大小并设置溢出隐藏,以保证正确显示一个照片。
2.利用css3的animation属性实现动画效果
收获:
transition 属性:css3的属性,用于产生过度效果。可以产生旋转,颜色渐变,宽度/高度渐变等效果
用法:
transition: property duration timing-function delay;
以上4项分别是:CSS 属性的名称 过渡效果需要多少秒或毫秒 速度效果的速度曲线 过渡效果何时开始。
评论