css - 多次将相同的 CSS 应用于一个元素

Question

我想CSS为一个以上的元素赋予相同的属性。例如，当鼠标在元素上时，它的比例变为 1.5，在 0.2 秒后，它的比例变为 1.2。我尝试：

-moz-transform:scale(1.5);
-moz-transition:1s ease-in-out;
-moz-transform:scale(1.2);

但它不起作用，只有它的比例更改为 1.2。可能吗？

Answer 1

这可以使用关键帧来实现。
JsFiddle：http: //jsfiddle.net/dUsep/

@-moz-keyframes myanimation {
from { -moz-transform:scale(1.5);}
to {-moz-transform:scale(1.2);}
}


.mybox:hover{
    -moz-animation: myanimation 1s;
}