| OLD | NEW |
|---|
| 1 <html> | 1 <html> |
| 2 <head> | 2 <head> |
| 3 <title>Test animation shorthand property</title> | 3 <title>Test animation shorthand property</title> |
| 4 <style type="text/css"> | 4 <style type="text/css"> |
| 5 @-webkit-keyframes circle { | 5 @-webkit-keyframes circle { |
| 6 from { -webkit-transform:rotate(0deg); } | 6 from { transform:rotate(0deg); } |
| 7 to { -webkit-transform:rotate(360deg); } | 7 to { transform:rotate(360deg); } |
| 8 } | 8 } |
| 9 @-webkit-keyframes inner-circle { | 9 @-webkit-keyframes inner-circle { |
| 10 from { -webkit-transform:rotate(0deg); } | 10 from { transform:rotate(0deg); } |
| 11 to { -webkit-transform:rotate(-360deg); } | 11 to { transform:rotate(-360deg); } |
| 12 } | 12 } |
| 13 | 13 |
| 14 div > div { | 14 div > div { |
| 15 -webkit-animation: 5s linear normal none; | 15 -webkit-animation: 5s linear normal none; |
| 16 } | 16 } |
| 17 | 17 |
| 18 div { | 18 div { |
| 19 margin: 20px auto 0; | 19 margin: 20px auto 0; |
| 20 } | 20 } |
| 21 | 21 |
| (...skipping 41 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 63 } | 63 } |
| 64 | 64 |
| 65 window.addEventListener('load', start, false); | 65 window.addEventListener('load', start, false); |
| 66 </script> | 66 </script> |
| 67 </head> | 67 </head> |
| 68 <body> | 68 <body> |
| 69 <div><div id="a"></div></div> | 69 <div><div id="a"></div></div> |
| 70 <div id="result"/> | 70 <div id="result"/> |
| 71 </body> | 71 </body> |
| 72 </html> | 72 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 637763002:
Unprefix usage of -webkit-transform in tests (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master