| OLD | NEW |
|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <link rel="stylesheet" href="resources/compositor-touch-hit-rects.css"> | 4 <link rel="stylesheet" href="resources/compositor-touch-hit-rects.css"> |
| 5 <style> | 5 <style> |
| 6 #inlineOverflow { | 6 #inlineOverflow { |
| 7 width: 15px; | 7 width: 15px; |
| 8 } | 8 } |
| 9 #absoluteChild { | 9 #absoluteChild { |
| 10 position: absolute; | 10 position: absolute; |
| 11 left: 320px; | 11 left: 320px; |
| 12 } | 12 } |
| 13 #relativeChild { | 13 #relativeChild { |
| 14 position: relative; | 14 position: relative; |
| 15 left: 300px; | 15 left: 300px; |
| 16 } | 16 } |
| 17 #fixed { | 17 #fixed { |
| 18 position: fixed; | 18 position: fixed; |
| 19 top: 80px; | 19 top: 80px; |
| 20 left: 400px; | 20 left: 400px; |
| 21 } | 21 } |
| 22 #translateChild { | 22 #translateChild { |
| 23 -webkit-transform: translate(300px, 2px); | 23 transform: translate(300px, 2px); |
| 24 } | 24 } |
| 25 #tests > #transform2d { | 25 #tests > #transform2d { |
| 26 margin: 10px 32px; | 26 margin: 10px 32px; |
| 27 -webkit-transform: scale(1.2) rotate(1grad); | 27 transform: scale(1.2) rotate(1grad); |
| 28 } | 28 } |
| 29 #overhangingContainer { | 29 #overhangingContainer { |
| 30 height: 10px; | 30 height: 10px; |
| 31 } | 31 } |
| 32 #overhangingFloatingChild { | 32 #overhangingFloatingChild { |
| 33 width: 100px; | 33 width: 100px; |
| 34 float: left; | 34 float: left; |
| 35 } | 35 } |
| 36 #tests > #transform3d { | 36 #tests > #transform3d { |
| 37 margin-top: 15px; | 37 margin-top: 15px; |
| 38 margin-bottom: 10px; | 38 margin-bottom: 10px; |
| 39 } | 39 } |
| 40 #withNegativeOffsetChild { | 40 #withNegativeOffsetChild { |
| 41 position: relative; | 41 position: relative; |
| 42 width: 100px; | 42 width: 100px; |
| 43 height: 10px; | 43 height: 10px; |
| 44 border: 1px dotted blue; | 44 border: 1px dotted blue; |
| 45 transform: translateX(calc(120%)) translateZ(0); | 45 transform: translateX(calc(120%)) translateZ(0); |
| 46 clear: both; | 46 clear: both; |
| 47 } | 47 } |
| 48 #negativeOffsetChild { | 48 #negativeOffsetChild { |
| 49 position: absolute; | 49 position: absolute; |
| 50 width: 100px; | 50 width: 100px; |
| 51 height: 10px; | 51 height: 10px; |
| 52 left: calc(-110%); | 52 left: calc(-110%); |
| 53 top: 0px; | 53 top: 0px; |
| 54 } | 54 } |
| 55 #transform3dChild { | 55 #transform3dChild { |
| 56 -webkit-transform: rotate3d(0.2, 1, 0, 50grad); | 56 transform: rotate3d(0.2, 1, 0, 50grad); |
| 57 } | 57 } |
| 58 #list > li { | 58 #list > li { |
| 59 /* Move the list item over to make sure it doesn't overlap with the list itsel
f */ | 59 /* Move the list item over to make sure it doesn't overlap with the list itsel
f */ |
| 60 -webkit-transform: translate(300px, 0); | 60 transform: translate(300px, 0); |
| 61 } | 61 } |
| 62 svg { | 62 svg { |
| 63 width: 100px; | 63 width: 100px; |
| 64 height: 10px; | 64 height: 10px; |
| 65 } | 65 } |
| 66 table,td { | 66 table,td { |
| 67 border: 1px solid lightgrey; | 67 border: 1px solid lightgrey; |
| 68 font-size: 7px; | 68 font-size: 7px; |
| 69 } | 69 } |
| 70 </style> | 70 </style> |
| (...skipping 87 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 158 }; | 158 }; |
| 159 | 159 |
| 160 // Make fixed-position cases slightly more interesting | 160 // Make fixed-position cases slightly more interesting |
| 161 window.scrollTo(0, 13); | 161 window.scrollTo(0, 13); |
| 162 | 162 |
| 163 if (window.internals) { | 163 if (window.internals) { |
| 164 window.internals.settings.setPreferCompositingToLCDTextEnabled(false); | 164 window.internals.settings.setPreferCompositingToLCDTextEnabled(false); |
| 165 } | 165 } |
| 166 </script> | 166 </script> |
| 167 </body> | 167 </body> |
| 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