diff options
| author | Steve Block <steveblock@google.com> | 2011-05-06 11:45:16 +0100 |
|---|---|---|
| committer | Steve Block <steveblock@google.com> | 2011-05-12 13:44:10 +0100 |
| commit | cad810f21b803229eb11403f9209855525a25d57 (patch) | |
| tree | 29a6fd0279be608e0fe9ffe9841f722f0f4e4269 /Source/WebCore/manual-tests/animation-with-transition.html | |
| parent | 121b0cf4517156d0ac5111caf9830c51b69bae8f (diff) | |
| download | external_webkit-cad810f21b803229eb11403f9209855525a25d57.zip external_webkit-cad810f21b803229eb11403f9209855525a25d57.tar.gz external_webkit-cad810f21b803229eb11403f9209855525a25d57.tar.bz2 | |
Merge WebKit at r75315: Initial merge by git.
Change-Id: I570314b346ce101c935ed22a626b48c2af266b84
Diffstat (limited to 'Source/WebCore/manual-tests/animation-with-transition.html')
| -rw-r--r-- | Source/WebCore/manual-tests/animation-with-transition.html | 60 |
1 files changed, 60 insertions, 0 deletions
diff --git a/Source/WebCore/manual-tests/animation-with-transition.html b/Source/WebCore/manual-tests/animation-with-transition.html new file mode 100644 index 0000000..37a7589 --- /dev/null +++ b/Source/WebCore/manual-tests/animation-with-transition.html @@ -0,0 +1,60 @@ +<html> +<head> + <meta http-equiv="Content-type" content="text/html; charset=utf-8"> + <title>simple-animation</title> + <style type="text/css" media="screen"> + div { + position: relative; + left: 10px; + top: 10px; + width: 200px; + height: 200px; + background-color: #696; + -webkit-transition: left 5s, top 5s; + } + + .animate { + -webkit-animation-name: simple; + -webkit-animation-duration: 2s; + -webkit-animation-timing-function: linear; + -webkit-animation-fill-mode: backwards; + } + + @-webkit-keyframes simple { + 50% { + left: 300px; + } + 100% { + left: 80px; + } + } + + + </style> + <script type="text/javascript" charset="utf-8"> + + function doTransition() { + var div = document.querySelector("div"); + div.style.left = "200px"; + } + + function doAnimation() { + var div = document.querySelector("div"); + div.className = "animate"; + } + + </script> +</head> +<body> + <p>Testing setting an animation while a transition is running, in the + case where the animation synthesizes the initial keyframe</p> + <p> + Start the transition, then start the animation.</p> + <p> + <a href="https://bugs.webkit.org/show_bug.cgi?id=41188">https://bugs.webkit.org/show_bug.cgi?id=41188</a> + </p> + <button onclick="doTransition();">Transition</button> + <button onclick="doAnimation();">Set Animation</button> +<div></div> +</body> +</html> |