将属性留空是否与转换的"all"相同?



以下情况完全相同吗?如果没有,有什么区别?

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>

我相信,如果您不指定默认值是"全部"在我的代码中。

相关内容

  • 没有找到相关文章

最新更新