以下情况完全相同吗?如果没有,有什么区别?
div {
transition: all 3s;
}
vs
div {
transition: 3s;
}
是的,它们是相同的:
定义和用法
transition-property 属性指定CSS的名称 属性过渡效应是为(过渡效应将 在指定的CSS属性更改时开始。
提示:当用户徘徊时,通常会发生过渡效果 一个元素。
注意:始终指定过渡型属性,否则 持续时间为0,过渡将无效。
默认值:ALL
来源:http://www.w3schools.com/cssref/css3_pr_pr_transition-property.asp
是的,它们是相等的。
如果您不声明任何值,并且级联为空,则指定的值将是默认过程的结果。
当级联不导致值时,指定 必须找到其他方式。绘制的继承属性 他们通过继承从父母元素中默认;全部 其他属性采用其初始值。
由于 transition-property
不是遗传的,因此默认值将产生其初始值,即 all
。
它在做同样的事情。
http://www.w3schools.com/css/tryit.asp?filename = trycss3_transition1
我将CSS更改为:
div {
width: 100px;
height: 100px;
background: red;
-webkit-transition: 3s;
transition: 3s;
}
.div2 {
width: 100px;
height: 100px;
background: red;
-webkit-transition:all 3s;
transition:all 3s;
}
并添加了此:
<div class="div2"></div>
我相信,如果您不指定默认值是"全部"在我的代码中。