OLD | NEW |
---|---|
(Empty) | |
1 <!DOCTYPE html> | |
2 <style> | |
3 @keyframes test { | |
4 to {transform: rotate(360deg);} | |
5 } | |
6 #target { | |
7 border-left: solid; | |
8 border-top: solid; | |
9 will-change: transform; | |
10 animation-name: test; | |
11 animation-duration: 2e10s; | |
12 animation-delay: -1e10s; | |
13 animation-timing-function: linear; | |
14 width: 100px; | |
15 height: 100px; | |
16 margin: 50px; | |
17 } | |
18 </style> | |
19 Th following shape should look like: _| | |
20 <div id="target"></div> | |
OLD | NEW |