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

Unified Diff: ManualTests/animation/compositor-animation-direction.html

Issue 225183014: Handle direction control in compositor Animations (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: same patch with a manual test added Created 6 years, 3 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 side-by-side diff with in-line comments
Download patch
« no previous file with comments | « no previous file | Source/core/animation/CompositorAnimations.h » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: ManualTests/animation/compositor-animation-direction.html
diff --git a/ManualTests/animation/compositor-animation-delay.html b/ManualTests/animation/compositor-animation-direction.html
similarity index 71%
copy from ManualTests/animation/compositor-animation-delay.html
copy to ManualTests/animation/compositor-animation-direction.html
index e502c262fca46dc9e8f4d53679466fa48bd32d0c..096e9d8c0d54b6b5aad2302c1f29d23b04f51e82 100644
--- a/ManualTests/animation/compositor-animation-delay.html
+++ b/ManualTests/animation/compositor-animation-direction.html
@@ -6,26 +6,26 @@ div {
width: 100px;
background: blue;
-webkit-transform: translateZ(0);
- -webkit-animation-direction: alternate;
-webkit-animation-duration: 2s;
-webkit-animation-timing-function: linear;
- -webkit-animation-iteration-count: 6;
+ -webkit-animation-fill-mode: both;
+ -webkit-animation-iteration-count: 2;
}
.test0 {
- -webkit-animation-delay: -30s;
+ -webkit-animation-direction: normal;
}
.test1 {
- -webkit-animation-delay: -3s;
+ -webkit-animation-direction: reverse;
}
.test2 {
- -webkit-animation-delay: 0s;
+ -webkit-animation-direction: alternate;
}
.test3 {
- -webkit-animation-delay: 3s;
+ -webkit-animation-direction: reverse;
}
.anim-left {
@@ -67,24 +67,25 @@ offset between them).
</p>
<hr>
-Start delay -30s (starts 30 seconds into animation by which the animation has finished, hence no animation)
+Direction normal
<br>
<div class='test0 anim-left'></div>
<div class='test0 anim-transform'></div>
-Start delay -3s (starts 3 seconds into the animation, should finish first.)
+Direction reverse
<br>
<div class='test1 anim-left'></div>
<div class='test1 anim-transform'></div>
-Start delay 0s (no start delay, should finish second.)
+Direction alternate
<br>
<div class='test2 anim-left'></div>
<div class='test2 anim-transform'></div>
-Start delay 3s (starts 3 seconds after page load, should finish last.)
+Direction alternate-reverse
<br>
<div class='test3 anim-left'></div>
<div class='test3 anim-transform'></div>
+
</body>
</html>
« no previous file with comments | « no previous file | Source/core/animation/CompositorAnimations.h » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698