зеркало из https://github.com/mozilla/gecko-dev.git
25 строки
546 B
HTML
25 строки
546 B
HTML
<style type="text/css">
|
|
#container {
|
|
height: 300px;
|
|
width: 300px;
|
|
}
|
|
#box {
|
|
height: 100px;
|
|
width: 100px;
|
|
background: red;
|
|
animation: 2s anim;
|
|
}
|
|
@keyframes anim {
|
|
from {
|
|
-moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 10%, 10%, 0, 1);
|
|
}
|
|
to {
|
|
-moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 40%, 40%, 0, 1);
|
|
}
|
|
}
|
|
|
|
</style>
|
|
<div id=container>
|
|
<div id=box></div>
|
|
</div>
|