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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/transforms/2d/computed-style-origin.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
« no previous file with comments | « LayoutTests/transforms/2d/compound-transforms-vs-containers.html ('k') | LayoutTests/transforms/2d/cssmatrix-2d-zoom.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <html> 1 <html>
2 <head> 2 <head>
3 <style type="text/css" media="screen"> 3 <style type="text/css" media="screen">
4 #test1 { 4 #test1 {
5 width: 20px; 5 width: 20px;
6 height: 20px; 6 height: 20px;
7 background-color: blue; 7 background-color: blue;
8 position: relative; 8 position: relative;
9 -webkit-transform: translate(0); 9 transform: translate(0);
10 // default transform and perspective origin 10 // default transform and perspective origin
11 } 11 }
12 #test2 { 12 #test2 {
13 width: 20px; 13 width: 20px;
14 height: 20px; 14 height: 20px;
15 background-color: blue; 15 background-color: blue;
16 position: relative; 16 position: relative;
17 -webkit-transform: translate(0); 17 transform: translate(0);
18 -webkit-transform-origin: 50% 50%; 18 -webkit-transform-origin: 50% 50%;
19 -webkit-perspective-origin: 50% 50%; 19 -webkit-perspective-origin: 50% 50%;
20 } 20 }
21 #test3 { 21 #test3 {
22 width: 20px; 22 width: 20px;
23 height: 20px; 23 height: 20px;
24 background-color: blue; 24 background-color: blue;
25 position: relative; 25 position: relative;
26 -webkit-transform: translate(0); 26 transform: translate(0);
27 -webkit-transform-origin: 0% 100%; 27 -webkit-transform-origin: 0% 100%;
28 -webkit-perspective-origin: 0% 100%; 28 -webkit-perspective-origin: 0% 100%;
29 } 29 }
30 #test4 { 30 #test4 {
31 width: 20px; 31 width: 20px;
32 height: 20px; 32 height: 20px;
33 background-color: blue; 33 background-color: blue;
34 position: relative; 34 position: relative;
35 -webkit-transform: translate(0); 35 transform: translate(0);
36 -webkit-transform-origin: 5px 7px; 36 -webkit-transform-origin: 5px 7px;
37 -webkit-perspective-origin: 5px 7px; 37 -webkit-perspective-origin: 5px 7px;
38 } 38 }
39 #test5 { 39 #test5 {
40 width: 10px; 40 width: 10px;
41 height: 10px; 41 height: 10px;
42 padding: 5px; 42 padding: 5px;
43 margin: 5px; 43 margin: 5px;
44 border: 5px solid green; 44 border: 5px solid green;
45 background-color: blue; 45 background-color: blue;
46 position: relative; 46 position: relative;
47 -webkit-transform: translate(0); 47 transform: translate(0);
48 -webkit-transform-origin: 50% 50%; 48 -webkit-transform-origin: 50% 50%;
49 -webkit-perspective-origin: 50% 50%; 49 -webkit-perspective-origin: 50% 50%;
50 } 50 }
51 #test6 { 51 #test6 {
52 width: 100px; 52 width: 100px;
53 height: 100px; 53 height: 100px;
54 background-color: blue; 54 background-color: blue;
55 position: relative; 55 position: relative;
56 -webkit-transform: translate(0); 56 transform: translate(0);
57 -webkit-perspective-origin: 10% 20% 30%; 57 -webkit-perspective-origin: 10% 20% 30%;
58 } 58 }
59 59
60 </style> 60 </style>
61 <script src="../../resources/js-test.js"></script> 61 <script src="../../resources/js-test.js"></script>
62 </head> 62 </head>
63 <body> 63 <body>
64 <p id="test1"></p> 64 <p id="test1"></p>
65 <p id="test2"></p> 65 <p id="test2"></p>
66 <p id="test3"></p> 66 <p id="test3"></p>
(...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after
98 shouldBe("test3Style.webkitPerspectiveOrigin", "'0px 20px'"); 98 shouldBe("test3Style.webkitPerspectiveOrigin", "'0px 20px'");
99 shouldBe("test4Style.webkitPerspectiveOrigin", "'5px 7px'"); 99 shouldBe("test4Style.webkitPerspectiveOrigin", "'5px 7px'");
100 shouldBe("test5Style.webkitPerspectiveOrigin", "'15px 15px'"); 100 shouldBe("test5Style.webkitPerspectiveOrigin", "'15px 15px'");
101 shouldBe("test6Style.webkitPerspectiveOrigin", "'50px 50px'"); 101 shouldBe("test6Style.webkitPerspectiveOrigin", "'50px 50px'");
102 102
103 debug(""); 103 debug("");
104 104
105 </script> 105 </script>
106 </body> 106 </body>
107 </html> 107 </html>
OLDNEW
« no previous file with comments | « LayoutTests/transforms/2d/compound-transforms-vs-containers.html ('k') | LayoutTests/transforms/2d/cssmatrix-2d-zoom.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698