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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/LayoutTests/animations/end-exclusive.html

Issue 2523543004: CSS Animations: Remove unnecessary webkit prefixes from layout tests (Closed)
Patch Set: Created 4 years 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 | « third_party/WebKit/LayoutTests/animations/empty-keyframes-composited.html ('k') | third_party/WebKit/LayoutTests/animations/events-with-short-duration-and-delay.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> 1 <!DOCTYPE html>
2 <style type="text/css" media="screen"> 2 <style type="text/css" media="screen">
3 #anim { 3 #anim {
4 position: relative; 4 position: relative;
5 left: 0px; 5 left: 0px;
6 height: 100px; 6 height: 100px;
7 width: 100px; 7 width: 100px;
8 -webkit-animation-name: anim; 8 animation-name: anim;
9 -webkit-animation-duration: 1s; 9 animation-duration: 1s;
10 -webkit-animation-timing-function: linear; 10 animation-timing-function: linear;
11 background: blue; 11 background: blue;
12 } 12 }
13 #fillanim { 13 #fillanim {
14 position: relative; 14 position: relative;
15 left: 0px; 15 left: 0px;
16 height: 100px; 16 height: 100px;
17 width: 100px; 17 width: 100px;
18 -webkit-animation-name: anim; 18 animation-name: anim;
19 -webkit-animation-duration: 1s; 19 animation-duration: 1s;
20 -webkit-animation-fill-mode: forwards; 20 animation-fill-mode: forwards;
21 -webkit-animation-timing-function: linear; 21 animation-timing-function: linear;
22 background: blue; 22 background: blue;
23 } 23 }
24 @-webkit-keyframes anim { 24 @keyframes anim {
25 from { left: 200px; } 25 from { left: 200px; }
26 to { left: 300px; } 26 to { left: 300px; }
27 } 27 }
28 </style> 28 </style>
29 <script src="resources/animation-test-helpers.js"></script> 29 <script src="resources/animation-test-helpers.js"></script>
30 <script> 30 <script>
31 const expectedValues = [ 31 const expectedValues = [
32 // [time, element-id, property, expected-value, tolerance] 32 // [time, element-id, property, expected-value, tolerance]
33 [1, "anim", "left", 0, 0], 33 [1, "anim", "left", 0, 0],
34 [1, "fillanim", "left", 300, 0], 34 [1, "fillanim", "left", 300, 0],
35 ]; 35 ];
36 runAnimationTest(expectedValues); 36 runAnimationTest(expectedValues);
37 </script> 37 </script>
38 <div id="anim"></div> 38 <div id="anim"></div>
39 <div id="fillanim"></div> 39 <div id="fillanim"></div>
OLDNEW
« no previous file with comments | « third_party/WebKit/LayoutTests/animations/empty-keyframes-composited.html ('k') | third_party/WebKit/LayoutTests/animations/events-with-short-duration-and-delay.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698