css - 要素に同じ CSS を複数回適用する

Question

CSS1 つの要素に複数の同じプロパティを付与したい。たとえば、マウスが要素上にある場合、スケールは 1.5 に変更され、.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;
}