1 | <style>
|
2 | div {
|
3 | position: relative;
|
4 | width: 100px;
|
5 | height: 100px;
|
6 | background: black;
|
7 | -webkit-animation-name: 'diagonal-slide';
|
8 | -webkit-animation-duration: 5s;
|
9 | -webkit-animation-iteration-count: 10;
|
10 | }
|
11 |
|
12 | @-webkit-keyframes 'diagonal-slide' {
|
13 |
|
14 | from {
|
15 | left: 0;
|
16 | top: 0;
|
17 | }
|
18 |
|
19 | to {
|
20 | left: 100px;
|
21 | top: 100px;
|
22 | }
|
23 |
|
24 | }
|
25 | </style>
|
26 |
|
27 | <div>1</div> |
\ | No newline at end of file |