发表于: 2017-03-09 23:53:58

4 723


今天完成的事情:利用自己写的栅格系统写好的header和footer

明天计划的事情:继续任务15

遇到的问题:

响应式下来菜单没做出来,没有思路。

轮播,主要是两个关键点:

1.将4张图片左浮动横向并排放入一个div容器内,div宽度设置4个图片的总尺寸,然后放入相框容器div, 相框设置1个图片的大小并设置溢出隐藏,以保证正确显示一个照片。

2.利用css3的animation属性实现动画效果


收获:

transition 属性:css3的属性,用于产生过度效果。可以产生旋转,颜色渐变,宽度/高度渐变等效果

用法:

transition: property duration timing-function delay;

以上4项分别是:CSS 属性的名称  过渡效果需要多少秒或毫秒  速度效果的速度曲线  过渡效果何时开始。



返回列表 返回列表
评论

    分享到