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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/LayoutTests/inspector/animation/animation-timeline.html

Issue 1851003002: Throw TypeError if easing string is invalid. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Fix "liner"->"linear" typo in ui/file_manager js file Created 4 years, 8 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 | « third_party/WebKit/LayoutTests/animations/function-easing-use-counters-other2.html ('k') | third_party/WebKit/LayoutTests/inspector/animation/animation-timeline-expected.txt » ('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 <style type="text/css"> 3 <style type="text/css">
4 #node { 4 #node {
5 transition: background-color 150ms cubic-bezier(0, 0.5, 0.5, 1); 5 transition: background-color 150ms cubic-bezier(0, 0.5, 0.5, 1);
6 } 6 }
7 7
8 #node.css-anim { 8 #node.css-anim {
9 animation: anim 300ms ease-in-out; 9 animation: anim 300ms ease-in-out;
10 } 10 }
(...skipping 17 matching lines...) Expand all
28 player = node.animate([{ width: "100px" }, { width: "200px" }], { duration: 200, delay: 100, id: "testId" }); 28 player = node.animate([{ width: "100px" }, { width: "200px" }], { duration: 200, delay: 100, id: "testId" });
29 } 29 }
30 30
31 function startAnimationWithEndDelay() 31 function startAnimationWithEndDelay()
32 { 32 {
33 player = node.animate([{ width: "100px" }, { width: "200px" }], { duration: 20000, delay: 100, endDelay: 200 }); 33 player = node.animate([{ width: "100px" }, { width: "200px" }], { duration: 20000, delay: 100, endDelay: 200 });
34 } 34 }
35 35
36 function startAnimationWithStepTiming() 36 function startAnimationWithStepTiming()
37 { 37 {
38 player = node.animate([{ width: "100px", easing: "step(5, end)" }, { width: "200px", easing: "step-start" }], 200); 38 player = node.animate([{ width: "100px", easing: "steps(5, end)" }, { width: "200px", easing: "step-start" }], 200);
39 } 39 }
40 40
41 function startCSSAnimation() 41 function startCSSAnimation()
42 { 42 {
43 node.classList.add("css-anim"); 43 node.classList.add("css-anim");
44 } 44 }
45 45
46 function startCSSTransition() 46 function startCSSTransition()
47 { 47 {
48 node.style.backgroundColor = "blue"; 48 node.style.backgroundColor = "blue";
(...skipping 83 matching lines...) Expand 10 before | Expand all | Expand 10 after
132 132
133 <body onload="runTest()"> 133 <body onload="runTest()">
134 <p> 134 <p>
135 Tests the display of animations on the animation timeline. 135 Tests the display of animations on the animation timeline.
136 </p> 136 </p>
137 137
138 <div id="node" style="background-color: red; height: 100px"></div> 138 <div id="node" style="background-color: red; height: 100px"></div>
139 139
140 </body> 140 </body>
141 </html> 141 </html>
OLDNEW
« no previous file with comments | « third_party/WebKit/LayoutTests/animations/function-easing-use-counters-other2.html ('k') | third_party/WebKit/LayoutTests/inspector/animation/animation-timeline-expected.txt » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698