1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
|
<style type="text/css">
#container {
height: 300px;
width: 300px;
}
#box {
height: 100px;
width: 100px;
background: red;
animation: 2s anim;
}
@keyframes anim {
from {
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 10%, 10%, 0, 1);
}
to {
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>
|
