Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(576)

Side by Side Diff: LayoutTests/svg/zoom/page/zoom-clip-path.html

Issue 637763002: Unprefix usage of -webkit-transform in tests (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Created 6 years, 2 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html> 2 <html>
3 <head> 3 <head>
4 <style> 4 <style>
5 div { 5 div {
6 position: absolute; 6 position: absolute;
7 width: 100px; 7 width: 100px;
8 height: 100px; 8 height: 100px;
9 background-color: green; 9 background-color: green;
10 } 10 }
(...skipping 15 matching lines...) Expand all
26 <rect width="0.5" height="0.5"/> 26 <rect width="0.5" height="0.5"/>
27 </clipPath> 27 </clipPath>
28 28
29 <clipPath id="clip4" clipPathUnits="objectBoundingBox"> 29 <clipPath id="clip4" clipPathUnits="objectBoundingBox">
30 <rect width="0.5" height="0.5"/> 30 <rect width="0.5" height="0.5"/>
31 <rect x="0.5" y="0.5" width="0.5" height="0.5"/> 31 <rect x="0.5" y="0.5" width="0.5" height="0.5"/>
32 </clipPath> 32 </clipPath>
33 </defs> 33 </defs>
34 </svg> 34 </svg>
35 35
36 <div style="-webkit-transform: translate(10px, 10px); width: 200px; height: 200px; top: 0px; left: 0px; background-color: black;"></div> 36 <div style="transform: translate(10px, 10px); width: 200px; height: 200px; t op: 0px; left: 0px; background-color: black;"></div>
37 37
38 <!-- The 4x4 checkerboard should stay well-formed when zoomed --> 38 <!-- The 4x4 checkerboard should stay well-formed when zoomed -->
39 <div style="-webkit-transform: translate(10px, 10px); top: 0px; left: 0px; - webkit-clip-path: url(#clip1);"></div> 39 <div style="transform: translate(10px, 10px); top: 0px; left: 0px; -webkit-c lip-path: url(#clip1);"></div>
40 <div style="-webkit-transform: translate(60px, 60px); top: 0px; left: 0px; - webkit-clip-path: url(#clip1);"></div> 40 <div style="transform: translate(60px, 60px); top: 0px; left: 0px; -webkit-c lip-path: url(#clip1);"></div>
41 <div style="-webkit-transform: translate(110px, 10px); top: 0px; left: 0px; -webkit-clip-path: url(#clip2);"></div> 41 <div style="transform: translate(110px, 10px); top: 0px; left: 0px; -webkit- clip-path: url(#clip2);"></div>
42 <div style="-webkit-transform: translate(10px, 110px); top: 0px; left: 0px; -webkit-clip-path: url(#clip3);"></div> 42 <div style="transform: translate(10px, 110px); top: 0px; left: 0px; -webkit- clip-path: url(#clip3);"></div>
43 <div style="-webkit-transform: translate(60px, 160px); top: 0px; left: 0px; -webkit-clip-path: url(#clip3);"></div> 43 <div style="transform: translate(60px, 160px); top: 0px; left: 0px; -webkit- clip-path: url(#clip3);"></div>
44 <div style="-webkit-transform: translate(110px, 110px); top: 0px; left: 0px; -webkit-clip-path: url(#clip4);"></div> 44 <div style="transform: translate(110px, 110px); top: 0px; left: 0px; -webkit -clip-path: url(#clip4);"></div>
45 45
46 <script>var zoomCount = 4; window.shouldZoomOut = false;</script> 46 <script>var zoomCount = 4; window.shouldZoomOut = false;</script>
47 <script src="../../../fast/repaint/resources/text-based-repaint.js"></script > 47 <script src="../../../fast/repaint/resources/text-based-repaint.js"></script >
48 <script src="../resources/testPageZoom.js"></script> 48 <script src="../resources/testPageZoom.js"></script>
49 </body> 49 </body>
50 </html> 50 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698