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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: ManualTests/interrupted-compound-transform.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 | « ManualTests/inspector/highlight-nodes.html ('k') | ManualTests/no-repaint-after-wake-from-sleep.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 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
2 "http://www.w3.org/TR/html4/loose.dtd"> 2 "http://www.w3.org/TR/html4/loose.dtd">
3 3
4 <html lang="en"> 4 <html lang="en">
5 <head> 5 <head>
6 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 6 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
7 <title>Interrupted Transitions on Transform Test</title> 7 <title>Interrupted Transitions on Transform Test</title>
8 <style type="text/css" media="screen"> 8 <style type="text/css" media="screen">
9 #container { 9 #container {
10 width: 400px; 10 width: 400px;
11 height: 400px; 11 height: 400px;
12 margin: 20px; 12 margin: 20px;
13 border: 1px solid black; 13 border: 1px solid black;
14 -webkit-perspective: 800; 14 perspective: 800;
15 } 15 }
16 #tester { 16 #tester {
17 width: 300px; 17 width: 300px;
18 height: 300px; 18 height: 300px;
19 margin: 50px; 19 margin: 50px;
20 background-color: blue; 20 background-color: blue;
21 -webkit-transition: -webkit-transform 3s linear; 21 -webkit-transition: transform 3s linear;
22 -webkit-transform: rotateX(65deg) translateZ(75px) rotateZ(0deg); 22 transform: rotateX(65deg) translateZ(75px) rotateZ(0deg);
23 -webkit-transform-style: preserve-3d; 23 transform-style: preserve-3d;
24 } 24 }
25 #pos1 { 25 #pos1 {
26 position:absolute; 26 position:absolute;
27 width: 300px; 27 width: 300px;
28 height: 300px; 28 height: 300px;
29 margin: 50px; 29 margin: 50px;
30 border: 2px solid #F00; 30 border: 2px solid #F00;
31 -webkit-transform: rotateX(65deg) translateZ(75px) rotateZ(118deg); 31 transform: rotateX(65deg) translateZ(75px) rotateZ(118deg);
32 -webkit-transform-style: preserve-3d; 32 transform-style: preserve-3d;
33 } 33 }
34 #pos2 { 34 #pos2 {
35 position:absolute; 35 position:absolute;
36 width: 300px; 36 width: 300px;
37 height: 300px; 37 height: 300px;
38 margin: 50px; 38 margin: 50px;
39 border: 2px solid #0F0; 39 border: 2px solid #0F0;
40 -webkit-transform: rotateX(65deg) translateZ(75px) rotateZ(80deg); 40 transform: rotateX(65deg) translateZ(75px) rotateZ(80deg);
41 -webkit-transform-style: preserve-3d; 41 transform-style: preserve-3d;
42 } 42 }
43 </style> 43 </style>
44 <script type="text/javascript" charset="utf-8"> 44 <script type="text/javascript" charset="utf-8">
45 function setAngle(index) 45 function setAngle(index)
46 { 46 {
47 var tester = document.getElementById('tester'); 47 var tester = document.getElementById('tester');
48 tester.style.webkitTransform = "rotateX(65deg) translateZ(75px) rotateZ(" + index + "deg)"; 48 tester.style.transform = "rotateX(65deg) translateZ(75px) rotateZ(" + inde x + "deg)";
49 } 49 }
50 50
51 function runTest() 51 function runTest()
52 { 52 {
53 window.setTimeout(function() { 53 window.setTimeout(function() {
54 setAngle(240); 54 setAngle(240);
55 }, 0); 55 }, 0);
56 56
57 window.setTimeout(function() { 57 window.setTimeout(function() {
58 setAngle(80); 58 setAngle(80);
(...skipping 11 matching lines...) Expand all
70 <div id="pos1"> 70 <div id="pos1">
71 </div> 71 </div>
72 <div id="pos2"> 72 <div id="pos2">
73 </div> 73 </div>
74 <div id="tester"> 74 <div id="tester">
75 </div> 75 </div>
76 </div> 76 </div>
77 77
78 </body> 78 </body>
79 </html> 79 </html>
OLDNEW
« no previous file with comments | « ManualTests/inspector/highlight-nodes.html ('k') | ManualTests/no-repaint-after-wake-from-sleep.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698