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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/animations/negative-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 | « LayoutTests/animations/missing-values-last-keyframe-expected.html ('k') | LayoutTests/animations/opacity-transform-animation.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//EN" 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
2 "http://www.w3.org/TR/html4/strict.dtd"> 2 "http://www.w3.org/TR/html4/strict.dtd">
3 <html> 3 <html>
4 <head> 4 <head>
5 <title>For Bug 26150 - Negative values for animation-delay are ignored</title> 5 <title>For Bug 26150 - Negative values for animation-delay are ignored</title>
6 <style type="text/css"> 6 <style type="text/css">
7 .square { 7 .square {
8 background: blue; 8 background: blue;
9 width: 20px; 9 width: 20px;
10 height: 20px; 10 height: 20px;
(...skipping 10 matching lines...) Expand all
21 .translate { 21 .translate {
22 -webkit-animation-name: square-translate; 22 -webkit-animation-name: square-translate;
23 } 23 }
24 24
25 @-webkit-keyframes square-move { 25 @-webkit-keyframes square-move {
26 0% { left: 0px; } 26 0% { left: 0px; }
27 100% { left: 600px; } 27 100% { left: 600px; }
28 } 28 }
29 29
30 @-webkit-keyframes square-translate { 30 @-webkit-keyframes square-translate {
31 0% { -webkit-transform: translateX(0); } 31 0% { transform: translateX(0); }
32 100% { -webkit-transform: translateX(600px); } 32 100% { transform: translateX(600px); }
33 } 33 }
34 34
35 #square1 { 35 #square1 {
36 top: 20px; 36 top: 20px;
37 left: 20px; 37 left: 20px;
38 -webkit-animation-delay: -1s; 38 -webkit-animation-delay: -1s;
39 } 39 }
40 40
41 #square2 { 41 #square2 {
42 top: 60px; 42 top: 60px;
(...skipping 37 matching lines...) Expand 10 before | Expand all | Expand 10 after
80 <div class="square move" id="square1"></div> 80 <div class="square move" id="square1"></div>
81 <div class="square move" id="square2"></div> 81 <div class="square move" id="square2"></div>
82 <div class="square translate" id="square3"></div> 82 <div class="square translate" id="square3"></div>
83 <div class="square translate" id="square4"></div> 83 <div class="square translate" id="square4"></div>
84 84
85 <div id="result"> 85 <div id="result">
86 </div> 86 </div>
87 87
88 </body> 88 </body>
89 </html> 89 </html>
OLDNEW
« no previous file with comments | « LayoutTests/animations/missing-values-last-keyframe-expected.html ('k') | LayoutTests/animations/opacity-transform-animation.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698