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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/svg/transforms/svg-css-transforms.xhtml

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/svg/transforms/percent-transform-values.xhtml ('k') | LayoutTests/svg/transforms/svg-css-transforms-clip-path.xhtml » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.or g/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.or g/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 2
3 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 3 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
4 <head> 4 <head>
5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
6 <title>Matrix testing</title> 6 <title>Matrix testing</title>
7 <style type="text/css" media="screen"> 7 <style type="text/css" media="screen">
8 div { 8 div {
9 -webkit-box-sizing: border-box; 9 -webkit-box-sizing: border-box;
10 } 10 }
(...skipping 16 matching lines...) Expand all
27 position: absolute; 27 position: absolute;
28 top: 0; 28 top: 0;
29 left: 0; 29 left: 0;
30 height: 60px; 30 height: 60px;
31 width: 60px; 31 width: 60px;
32 border: 1px dotted black; 32 border: 1px dotted black;
33 -webkit-transform-origin: top left; /* to match SVG */ 33 -webkit-transform-origin: top left; /* to match SVG */
34 } 34 }
35 35
36 #group1 { 36 #group1 {
37 -webkit-transform: translate(75px, 25px); 37 transform: translate(75px, 25px);
38 } 38 }
39 39
40 #group2 { 40 #group2 {
41 -webkit-transform: scale(2); 41 transform: scale(2);
42 } 42 }
43 43
44 #group3 { 44 #group3 {
45 -webkit-transform: rotate(45deg); 45 transform: rotate(45deg);
46 } 46 }
47 47
48 #rect1 { 48 #rect1 {
49 -webkit-transform: translate(75px, 25px) scale(2) rotate(45deg); 49 transform: translate(75px, 25px) scale(2) rotate(45deg);
50 } 50 }
51 51
52 .final { 52 .final {
53 border: 1px solid blue; 53 border: 1px solid blue;
54 } 54 }
55 </style> 55 </style>
56 </head> 56 </head>
57 57
58 <body> 58 <body>
59 59
60 <div class="column"> 60 <div class="column">
61 <h2>SVG nested</h2> 61 <h2>SVG nested</h2>
62 <div class="container"> 62 <div class="container">
63 <svg xmlns="http://www.w3.org/2000/svg" version="1.1" 63 <svg xmlns="http://www.w3.org/2000/svg" version="1.1"
64 viewBox="0 0 200 200" style="width:200px; height:200px;"> 64 viewBox="0 0 200 200" style="width:200px; height:200px;">
65 <g id="group1" x="0" y="0" width="60" height="60"> 65 <g id="group1" x="0" y="0" width="60" height="60">
66 <rect x="0" y="0" width="60" height="60" stroke="black" stroke-width="1p x" stroke-dasharray="1 1" fill="none" /> 66 <rect x="0" y="0" width="60" height="60" stroke="black" stroke-width="1p x" stroke-dasharray="1 1" fill="none" />
67 <g id="group2" x="0" y="0" width="60" height="60" > 67 <g id="group2" x="0" y="0" width="60" height="60" >
68 <rect x="0" y="0" width="60" height="60" stroke="black" stroke-dasharr ay="1 1" stroke-width="1px" fill="none" /> 68 <rect x="0" y="0" width="60" height="60" stroke="black" stroke-dasharr ay="1 1" stroke-width="1px" fill="none" />
69 <rect id="group3" x="0" y="0" width="60" height="60" stroke="blue" fil l="none" /> 69 <rect id="group3" x="0" y="0" width="60" height="60" stroke="blue" fil l="none" />
70 </g> 70 </g>
71 </g> 71 </g>
72 </svg> 72 </svg>
73 </div> 73 </div>
74 74
75 <h2>CSS nested</h2> 75 <h2>CSS nested</h2>
76 <div class="container"> 76 <div class="container">
77 <div id="box1" class="box" style="-webkit-transform: translate(75px, 25px)"> 77 <div id="box1" class="box" style="transform: translate(75px, 25px)">
78 <div id="box2" class="box" style="-webkit-transform: scale(2)"> 78 <div id="box2" class="box" style="transform: scale(2)">
79 <div id="box3" class="final box" style="-webkit-transform: rotate(45deg) "> 79 <div id="box3" class="final box" style="transform: rotate(45deg)">
80 </div> 80 </div>
81 </div> 81 </div>
82 </div> 82 </div>
83 </div> 83 </div>
84 </div> 84 </div>
85 85
86 <div class="column"> 86 <div class="column">
87 <h2>SVG compound</h2> 87 <h2>SVG compound</h2>
88 <div class="container"> 88 <div class="container">
89 <svg xmlns="http://www.w3.org/2000/svg" version="1.1" 89 <svg xmlns="http://www.w3.org/2000/svg" version="1.1"
90 viewBox="0 0 200 200" style="width:200px; height:200px;"> 90 viewBox="0 0 200 200" style="width:200px; height:200px;">
91 <rect id="rect1" x="0" y="0" width="60" height="60" stroke="blue" fill="no ne"/> 91 <rect id="rect1" x="0" y="0" width="60" height="60" stroke="blue" fill="no ne"/>
92 </svg> 92 </svg>
93 </div> 93 </div>
94 94
95 <h2>CSS compound</h2> 95 <h2>CSS compound</h2>
96 <div class="container"> 96 <div class="container">
97 <div class="final box" style="-webkit-transform: translate(75px, 25px) scale (2) rotate(45deg)"> 97 <div class="final box" style="transform: translate(75px, 25px) scale(2) rota te(45deg)">
98 </div> 98 </div>
99 </div> 99 </div>
100 </div> 100 </div>
101 </body> 101 </body>
102 </html> 102 </html>
OLDNEW
« no previous file with comments | « LayoutTests/svg/transforms/percent-transform-values.xhtml ('k') | LayoutTests/svg/transforms/svg-css-transforms-clip-path.xhtml » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698