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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/transforms/3d/point-mapping/3d-point-mapping-deep.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/3d/point-mapping/3d-point-mapping-coplanar.html ('k') | LayoutTests/transforms/3d/point-mapping/3d-point-mapping-origins.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 <title>Point mapping through deeply nested 3D transforms</title> 3 <title>Point mapping through deeply nested 3D transforms</title>
4 <script src="point-mapping-helpers.js" type="text/javascript" charset="utf-8"> </script> 4 <script src="point-mapping-helpers.js" type="text/javascript" charset="utf-8"> </script>
5 <script type="text/javascript" charset="utf-8"> 5 <script type="text/javascript" charset="utf-8">
6 6
7 function test() 7 function test()
8 { 8 {
9 // Scroll so that frame view offsets are non-zero 9 // Scroll so that frame view offsets are non-zero
10 // window.scrollTo(20, 100); 10 // window.scrollTo(20, 100);
(...skipping 58 matching lines...) Expand 10 before | Expand all | Expand 10 after
69 69
70 .transformed-3d { 70 .transformed-3d {
71 height: 300px; 71 height: 300px;
72 width: 300px; 72 width: 300px;
73 padding: 20px; 73 padding: 20px;
74 margin: 20px; 74 margin: 20px;
75 border: 1px solid black; 75 border: 1px solid black;
76 background-color: #81AA8A; 76 background-color: #81AA8A;
77 -webkit-transform-style: preserve-3d; 77 -webkit-transform-style: preserve-3d;
78 -webkit-box-sizing: border-box; 78 -webkit-box-sizing: border-box;
79 -webkit-transform: rotateY(20deg); 79 transform: rotateY(20deg);
80 } 80 }
81 81
82 .transformed-flat { 82 .transformed-flat {
83 height: 300px; 83 height: 300px;
84 width: 300px; 84 width: 300px;
85 padding: 20px; 85 padding: 20px;
86 margin: 20px; 86 margin: 20px;
87 border: 1px solid black; 87 border: 1px solid black;
88 background-color: #AA7994; 88 background-color: #AA7994;
89 -webkit-transform-style: flat; 89 -webkit-transform-style: flat;
(...skipping 23 matching lines...) Expand all
113 </style> 113 </style>
114 </head> 114 </head>
115 <body onclick="clicked(event)"> 115 <body onclick="clicked(event)">
116 116
117 <!-- <div id="filler" style="position: absolute; top: 0; width: 100%; height: 10 0%"></div> --> 117 <!-- <div id="filler" style="position: absolute; top: 0; width: 100%; height: 10 0%"></div> -->
118 118
119 <div class="test"> 119 <div class="test">
120 <!-- Flatten in the middle of 3d --> 120 <!-- Flatten in the middle of 3d -->
121 <div class="container box" id="box1"> 121 <div class="container box" id="box1">
122 <div class="transformed-3d box" id="box2"> 122 <div class="transformed-3d box" id="box2">
123 <div class="transformed-3d box" style="-webkit-transform: translateZ(40px) rotateX(10deg)" id="box3"> 123 <div class="transformed-3d box" style="transform: translateZ(40px) rotateX (10deg)" id="box3">
124 <div class="transformed-flat box" style="-webkit-transform: translate3d( 0, 20px, 40px) rotateX(-15deg)" id="box4"> 124 <div class="transformed-flat box" style="transform: translate3d(0, 20px, 40px) rotateX(-15deg)" id="box4">
125 <div class="transformed-flat box" style="-webkit-perspective: 500" id= "box5"> 125 <div class="transformed-flat box" style="-webkit-perspective: 500" id= "box5">
126 <div class="transformed-3d box" style="-webkit-transform-origin: top left; -webkit-transform: rotateY(-15deg);" id="box6"> 126 <div class="transformed-3d box" style="-webkit-transform-origin: top left; transform: rotateY(-15deg);" id="box6">
127 <div class="transformed-3d box" style="-webkit-transform-origin: t op left; -webkit-transform: translateZ(20px)" id="box7"> 127 <div class="transformed-3d box" style="-webkit-transform-origin: t op left; transform: translateZ(20px)" id="box7">
128 <div class="inner" id="box8"> 128 <div class="inner" id="box8">
129 </div> 129 </div>
130 </div> 130 </div>
131 </div> 131 </div>
132 </div> 132 </div>
133 </div> 133 </div>
134 </div> 134 </div>
135 </div> 135 </div>
136 </div> 136 </div>
137 </div> 137 </div>
138 138
139 <div id="results"></div> 139 <div id="results"></div>
140 <div id="mousepos"></div> 140 <div id="mousepos"></div>
141 141
142 </body> 142 </body>
143 </html> 143 </html>
OLDNEW
« no previous file with comments | « LayoutTests/transforms/3d/point-mapping/3d-point-mapping-coplanar.html ('k') | LayoutTests/transforms/3d/point-mapping/3d-point-mapping-origins.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698