离开财产空白与"所有"过渡?

时间:2016-06-17 19:01:25

标签: css css3 css-transitions

以下是完全一样的吗?如果没有,那有什么区别?

div {
  transition: all 3s;
}

VS

div {
  transition: 3s;
}

3 个答案:

答案 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 valuecascade为空,则specified value将是defaulting进程的结果。

  

如果cascade未产生值,则必须以其他方式找到specified valueInherited properties画画   他们的默认值来自父元素inheritance;所有   其他属性需要initial value

由于transition-property不可继承,因此默认会产生initial valueall