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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/ManualTests/animation-with-transition.html

Issue 2715113003: CSS manual tests: reduce usage of webkit prefix (Closed)
Patch Set: Created 3 years, 9 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/ManualTests/animate-left.html ('k') | third_party/WebKit/ManualTests/animation/animation-direction-reverse-timing-functions-hardware.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 <head> 2 <head>
3 <meta http-equiv="Content-type" content="text/html; charset=utf-8"> 3 <meta http-equiv="Content-type" content="text/html; charset=utf-8">
4 <title>simple-animation</title> 4 <title>simple-animation</title>
5 <style type="text/css" media="screen"> 5 <style type="text/css" media="screen">
6 div { 6 div {
7 position: relative; 7 position: relative;
8 left: 10px; 8 left: 10px;
9 top: 10px; 9 top: 10px;
10 width: 200px; 10 width: 200px;
11 height: 200px; 11 height: 200px;
12 background-color: #696; 12 background-color: #696;
13 -webkit-transition: left 5s, top 5s; 13 transition: left 5s, top 5s;
14 } 14 }
15 15
16 .animate { 16 .animate {
17 -webkit-animation-name: simple; 17 animation-name: simple;
18 -webkit-animation-duration: 2s; 18 animation-duration: 2s;
19 -webkit-animation-timing-function: linear; 19 animation-timing-function: linear;
20 -webkit-animation-fill-mode: backwards; 20 animation-fill-mode: backwards;
21 } 21 }
22 22
23 @-webkit-keyframes simple { 23 @keyframes simple {
24 50% { 24 50% {
25 left: 300px; 25 left: 300px;
26 } 26 }
27 100% { 27 100% {
28 left: 80px; 28 left: 80px;
29 } 29 }
30 } 30 }
31 31
32 32
33 </style> 33 </style>
(...skipping 17 matching lines...) Expand all
51 <p> 51 <p>
52 Start the transition, then start the animation.</p> 52 Start the transition, then start the animation.</p>
53 <p> 53 <p>
54 <a href="https://bugs.webkit.org/show_bug.cgi?id=41188">https://bugs.webkit. org/show_bug.cgi?id=41188</a> 54 <a href="https://bugs.webkit.org/show_bug.cgi?id=41188">https://bugs.webkit. org/show_bug.cgi?id=41188</a>
55 </p> 55 </p>
56 <button onclick="doTransition();">Transition</button> 56 <button onclick="doTransition();">Transition</button>
57 <button onclick="doAnimation();">Set Animation</button> 57 <button onclick="doAnimation();">Set Animation</button>
58 <div></div> 58 <div></div>
59 </body> 59 </body>
60 </html> 60 </html>
OLDNEW
« no previous file with comments | « third_party/WebKit/ManualTests/animate-left.html ('k') | third_party/WebKit/ManualTests/animation/animation-direction-reverse-timing-functions-hardware.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698