以下是完全一样的吗?如果没有,那有什么区别?
div {
transition: all 3s;
}
VS
div {
transition: 3s;
}
答案 0 :(得分:2)
是的,它们是一样的:
定义和用法
transition-property 属性指定CSS的名称 过渡效应的属性(过渡效果会 在指定的CSS属性更改时启动。)
提示:当用户将鼠标悬停在其上时,通常会发生转换效果 一个元素。
注意:始终指定transition-duration属性,否则指定 持续时间为0,转换无效。
默认值:全部
来源: http://www.w3schools.com/cssref/css3_pr_transition-property.asp
答案 1 :(得分:1)
它正在做同样的事情。
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>
我相信默认是&#34;所有&#34;如果你没有指定它,但你可以将过渡目标定位到一个特定的属性,如宽度,高度,字体大小,颜色等。我总是把&#34;所有&#34;虽然在我的代码中。
答案 2 :(得分:1)
是的,他们是平等的。
如果您没有declare any value且cascade为空,则specified value将是defaulting进程的结果。
如果cascade未产生值,则必须以其他方式找到specified value。 Inherited properties画画 他们的默认值来自父元素inheritance;所有 其他属性需要initial value。
由于transition-property
不可继承,因此默认会产生initial value,all
。