| OLD | NEW |
|---|
| 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" | 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" |
| 2 "http://www.w3.org/TR/html4/loose.dtd"> | 2 "http://www.w3.org/TR/html4/loose.dtd"> |
| 3 | 3 |
| 4 <html lang="en"> | 4 <html lang="en"> |
| 5 <head> | 5 <head> |
| 6 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | 6 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> |
| 7 <title>Test simple fill mode on transform</title> | 7 <title>Test simple fill mode on transform</title> |
| 8 <style type="text/css" media="screen"> | 8 <style type="text/css" media="screen"> |
| 9 .box { | 9 .box { |
| 10 position: relative; | 10 position: relative; |
| 11 left: 10px; | 11 left: 10px; |
| 12 top: 10px; | 12 top: 10px; |
| 13 height: 100px; | 13 height: 100px; |
| 14 width: 100px; | 14 width: 100px; |
| 15 -webkit-transform: translate3d(100px, 0, 0); | 15 transform: translate3d(100px, 0, 0); |
| 16 -webkit-animation-delay: 0.1s; | 16 -webkit-animation-delay: 0.1s; |
| 17 -webkit-animation-duration: 0.1s; | 17 -webkit-animation-duration: 0.1s; |
| 18 -webkit-animation-timing-function: linear; | 18 -webkit-animation-timing-function: linear; |
| 19 -webkit-animation-name: anim; | 19 -webkit-animation-name: anim; |
| 20 } | 20 } |
| 21 @-webkit-keyframes anim { | 21 @-webkit-keyframes anim { |
| 22 from { -webkit-transform: translate3d(200px, 0, 0); } | 22 from { transform: translate3d(200px, 0, 0); } |
| 23 to { -webkit-transform: translate3d(300px, 0, 0); } | 23 to { transform: translate3d(300px, 0, 0); } |
| 24 } | 24 } |
| 25 #a { | 25 #a { |
| 26 background-color: blue; | 26 background-color: blue; |
| 27 -webkit-animation-fill-mode: none; | 27 -webkit-animation-fill-mode: none; |
| 28 } | 28 } |
| 29 #b { | 29 #b { |
| 30 background-color: red; | 30 background-color: red; |
| 31 -webkit-animation-fill-mode: backwards; | 31 -webkit-animation-fill-mode: backwards; |
| 32 } | 32 } |
| 33 #c { | 33 #c { |
| (...skipping 90 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 124 <div id="d" class="box"> | 124 <div id="d" class="box"> |
| 125 Both | 125 Both |
| 126 </div> | 126 </div> |
| 127 <div id="e" class="box"> | 127 <div id="e" class="box"> |
| 128 Both Iterate | 128 Both Iterate |
| 129 </div> | 129 </div> |
| 130 <div id="result"> | 130 <div id="result"> |
| 131 </div> | 131 </div> |
| 132 </body> | 132 </body> |
| 133 </html> | 133 </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