css - 覆盖过渡属性

Question

我想知道是否有任何方法可以仅覆盖我使用以下语句定义的转换属性:

transition: all 0.2s;

我想将 transition-property 重写为:

transition-property: width, height, opacity, font-size;

但是，当我在第一行之后添加第二行时，转换将不起作用。这是为什么？

我尝试这样做的原因是，如果我用 all 定义过渡，我的过渡将无法在 Safari 5.1 上运行，所以我想用单独的属性覆盖 all 属性，只是为了 webkit 支持。

Answer 1

你也可以只使用一个属性

div {
    transition: width 2s, height 2s, font-size 2s,opacity 2s;
    width: 200px;
    height: 200px;
    opacity: 1;
    font-size: 20px;
    background-color: red;
}

div:hover {
    width: 400px;
    height: 400px;
    opacity: 0.8;
    font-size: 40px;
        background-color: blue;
}

<div>Hello</div>