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

Side by Side Diff: LayoutTests/fast/repaint/subtree-layoutstate-transform.html

Issue 637763002: Unprefix usage of -webkit-transform in tests (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Remove duplicate transform 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 <html> 1 <html>
2 <head> 2 <head>
3 <style type="text/css" media="screen"> 3 <style type="text/css" media="screen">
4 .transformed { 4 .transformed {
5 height: 100px; 5 height: 100px;
6 width: 100px; 6 width: 100px;
7 margin: 20px; 7 margin: 20px;
8 -webkit-transform: scale(2); 8 transform: scale(2);
9 -webkit-transform-origin: top left; 9 -webkit-transform-origin: top left;
10 } 10 }
11 11
12 .layoutroot { 12 .layoutroot {
13 height: 100px; 13 height: 100px;
14 width: 100px; 14 width: 100px;
15 overflow: hidden; 15 overflow: hidden;
16 background-color: red; 16 background-color: red;
17 } 17 }
18 </style> 18 </style>
19 <script src="resources/text-based-repaint.js"></script> 19 <script src="resources/text-based-repaint.js"></script>
20 <script> 20 <script>
21 function repaintTest() 21 function repaintTest()
22 { 22 {
23 document.getElementById("target").style.width = "100px"; 23 document.getElementById("target").style.width = "100px";
24 } 24 }
25 </script> 25 </script>
26 </head> 26 </head>
27 <body onload="runRepaintTest()"> 27 <body onload="runRepaintTest()">
28 28
29 <p>Tests repaint after layout of a subtree, inside a transformed element. You should see a large green square below.</p> 29 <p>Tests repaint after layout of a subtree, inside a transformed element. You should see a large green square below.</p>
30 <div class="transformed"> 30 <div class="transformed">
31 <div class="layoutroot"> 31 <div class="layoutroot">
32 <div id="target" style="height: 100px; width: 50px; background-color: gree n;"></div> 32 <div id="target" style="height: 100px; width: 50px; background-color: gree n;"></div>
33 </div> 33 </div>
34 </div> 34 </div>
35 35
36 </body> 36 </body>
37 </html> 37 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698