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

Question

我想为一个以上的元素赋予相同的 CSS 属性。例如，当鼠标在元素上时，它的比例变为 1.5，而在 .2s 之后它的比例变为 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;
}