CSS3选择器参考,更容易理解
https://logan70.github.io/2017/09/08/learn-css3-1/
https://logan70.github.io/2017/09/08/learn-css3-1/
2017-09-09
background:url(http://static.mukewang.com/static/img/logo_index.png) no-repeat left top /75% 55%,
url(http://static.mukewang.com/static/img/logo_index.png) no-repeat right bottom /50% 40% ;
url(http://static.mukewang.com/static/img/logo_index.png) no-repeat right bottom /50% 40% ;
2017-09-07
接上
transition-duration:要发生变化的属性从初始值到最终值的持续时间,比如说我给你3秒,你背景颜色给我从绿变到红。这个3秒,就是这里的持续时间。
transition-timing-function就是你要怎么过渡,怎么变,是先慢后快,还是一直是一个速度,或者是先快后慢,这么几个函数教程中也列出来了。
transition-delay可以让整个过渡过程延迟开始。
transition-duration:要发生变化的属性从初始值到最终值的持续时间,比如说我给你3秒,你背景颜色给我从绿变到红。这个3秒,就是这里的持续时间。
transition-timing-function就是你要怎么过渡,怎么变,是先慢后快,还是一直是一个速度,或者是先快后慢,这么几个函数教程中也列出来了。
transition-delay可以让整个过渡过程延迟开始。
2017-09-05
理一下思路
第一,transform是变形,它的属性有 scale(缩放)、skew(倾斜)、translate(平移)、rotate(旋转)。
第二,transition是动画,使用它的步骤是:
1.设置元素的初始样式
2.设置元素的最终样式
3.在初始样式中添加transition动画
第三,transition的属性有:
transition-property:初始样式和最终样式中不一样的css属性,也就是你想改变的属性。
第一,transform是变形,它的属性有 scale(缩放)、skew(倾斜)、translate(平移)、rotate(旋转)。
第二,transition是动画,使用它的步骤是:
1.设置元素的初始样式
2.设置元素的最终样式
3.在初始样式中添加transition动画
第三,transition的属性有:
transition-property:初始样式和最终样式中不一样的css属性,也就是你想改变的属性。
2017-09-05
已采纳回答 / qq_蓝雪魔君_03911481
background-size:100% 100%;---按容器比例撑满,图片变形;background-size:cover;---把背景图片放大到适合元素容器的尺寸,图片比例不变
2017-09-05