不止一次地将同一个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;
}