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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: ManualTests/animation/compositor-animation-delay.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/animation/animation-direction-reverse-timing-functions-hardware.html ('k') | ManualTests/animation/compositor-animation-iteration-count.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 <style> 2 <style>
3 div { 3 div {
4 position: relative; 4 position: relative;
5 height: 100px; 5 height: 100px;
6 width: 100px; 6 width: 100px;
7 background: blue; 7 background: blue;
8 -webkit-transform: translateZ(0); 8 transform: translateZ(0);
9 -webkit-animation-direction: alternate; 9 -webkit-animation-direction: alternate;
10 -webkit-animation-duration: 2s; 10 -webkit-animation-duration: 2s;
11 -webkit-animation-timing-function: linear; 11 -webkit-animation-timing-function: linear;
12 -webkit-animation-iteration-count: 6; 12 -webkit-animation-iteration-count: 6;
13 } 13 }
14 14
15 .test0 { 15 .test0 {
16 -webkit-animation-delay: -30s; 16 -webkit-animation-delay: -30s;
17 } 17 }
18 18
(...skipping 23 matching lines...) Expand all
42 0% { 42 0% {
43 left: 0px; 43 left: 0px;
44 } 44 }
45 100% { 45 100% {
46 left: 300px; 46 left: 300px;
47 } 47 }
48 } 48 }
49 49
50 @-webkit-keyframes anim-transform { 50 @-webkit-keyframes anim-transform {
51 0% { 51 0% {
52 -webkit-transform: translateX(0px); 52 transform: translateX(0px);
53 } 53 }
54 100% { 54 100% {
55 -webkit-transform: translateX(300px); 55 transform: translateX(300px);
56 } 56 }
57 } 57 }
58 </style> 58 </style>
59 <body> 59 <body>
60 <p> 60 <p>
61 Each section below has two boxes, the top runs on the main thread, the bottom 61 Each section below has two boxes, the top runs on the main thread, the bottom
62 on the compositor. The animations should be identical but start at different 62 on the compositor. The animations should be identical but start at different
63 times. 63 times.
64 </p><p> 64 </p><p>
65 This test is successful if the boxes are mostly in sync (there might be a small 65 This test is successful if the boxes are mostly in sync (there might be a small
(...skipping 15 matching lines...) Expand all
81 <br> 81 <br>
82 <div class='test2 anim-left'></div> 82 <div class='test2 anim-left'></div>
83 <div class='test2 anim-transform'></div> 83 <div class='test2 anim-transform'></div>
84 84
85 Start delay 3s (starts 3 seconds after page load, should finish last.) 85 Start delay 3s (starts 3 seconds after page load, should finish last.)
86 <br> 86 <br>
87 <div class='test3 anim-left'></div> 87 <div class='test3 anim-left'></div>
88 <div class='test3 anim-transform'></div> 88 <div class='test3 anim-transform'></div>
89 </body> 89 </body>
90 </html> 90 </html>
OLDNEW
« no previous file with comments | « ManualTests/animation/animation-direction-reverse-timing-functions-hardware.html ('k') | ManualTests/animation/compositor-animation-iteration-count.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698