| OLD | NEW |
|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <title>Test for WebKit bug 24021: pseudo-element styles not accessible / ret
rievable via DOM methods</title> | 4 <title>Test for WebKit bug 24021: pseudo-element styles not accessible / ret
rievable via DOM methods</title> |
| 5 <style type="text/css"> | 5 <style type="text/css"> |
| 6 #testFirsts:first-line { | 6 #testFirsts:first-line { |
| 7 color: brown; | 7 color: brown; |
| 8 } | 8 } |
| 9 | 9 |
| 10 #testFirsts:first-letter { | 10 #testFirsts:first-letter { |
| (...skipping 86 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 97 height: 100px; | 97 height: 100px; |
| 98 } | 98 } |
| 99 | 99 |
| 100 #testHardwareAcceleratedCompositing { | 100 #testHardwareAcceleratedCompositing { |
| 101 width: 100px; | 101 width: 100px; |
| 102 height: 100px; | 102 height: 100px; |
| 103 opacity: 1.0; | 103 opacity: 1.0; |
| 104 background-color: green; | 104 background-color: green; |
| 105 -webkit-animation: move 300ms linear; | 105 -webkit-animation: move 300ms linear; |
| 106 -webkit-transform-style: preserve-3d; | 106 -webkit-transform-style: preserve-3d; |
| 107 -webkit-transform: trasnlate3d(10px, 0, 0); | 107 transform: trasnlate3d(10px, 0, 0); |
| 108 } | 108 } |
| 109 | 109 |
| 110 #testHardwareAcceleratedCompositing:before { | 110 #testHardwareAcceleratedCompositing:before { |
| 111 content: "This should have lower opacity."; | 111 content: "This should have lower opacity."; |
| 112 opacity: 0.5; | 112 opacity: 0.5; |
| 113 } | 113 } |
| 114 | 114 |
| 115 @-webkit-keyframes move { | 115 @-webkit-keyframes move { |
| 116 from { -webkit-transform: translate3d(10px, 0, 0); } | 116 from { transform: translate3d(10px, 0, 0); } |
| 117 to { -webkit-transform: translate3d(300px, 0, 0); } | 117 to { transform: translate3d(300px, 0, 0); } |
| 118 } | 118 } |
| 119 | 119 |
| 120 .pass { | 120 .pass { |
| 121 color: green; | 121 color: green; |
| 122 } | 122 } |
| 123 | 123 |
| 124 .fail { | 124 .fail { |
| 125 color: red; | 125 color: red; |
| 126 } | 126 } |
| 127 | 127 |
| (...skipping 101 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 229 <br /> | 229 <br /> |
| 230 <div id="testBeforeAfterDisplayNone">div with :before and :after display:non
e</div> | 230 <div id="testBeforeAfterDisplayNone">div with :before and :after display:non
e</div> |
| 231 <br /> | 231 <br /> |
| 232 <div id="testNoPseudoElement">There are no pseudo elements defined on this d
iv.</div> | 232 <div id="testNoPseudoElement">There are no pseudo elements defined on this d
iv.</div> |
| 233 <br /> | 233 <br /> |
| 234 <div id="testHardwareAcceleratedCompositing">This should be at full opacity.
</div> | 234 <div id="testHardwareAcceleratedCompositing">This should be at full opacity.
</div> |
| 235 <br /> | 235 <br /> |
| 236 <div id="results"></div> | 236 <div id="results"></div> |
| 237 </body> | 237 </body> |
| 238 </html> | 238 </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