Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-02 04:00:32 +01:00
Code Issues Projects Releases Packages Wiki Activity

style: Fix timing-function overriding from the keyframe declaration list.

Browse source 
The previous behavior is plain wrong, since that array has always at least one
element, so we effectively couldn't specify anything else than "ease" in our
animations.
This commit is contained in:
Emilio Cobos Álvarez 2016-07-01 15:52:04 -07:00 • committed by Emilio Cobos Álvarez
parent 8bbebd0514
commit 8ba676533b
No known key found for this signature in database
GPG key ID: 056B727BB9C1027C
3 changed files with 44 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

23
tests/html/animation-timing-function-override-from-keyframes.html Normal file
View file

@ -0,0 +1,23 @@
<!doctype html>
<meta charset="utf-8">
<style>
@keyframes foo {
from { background: white; animation-timing-function: ease; }
to { background: black; }
}
@keyframes bar {
from { background: white }
to { background: black }
}
div {
height: 50px;
width: 100px;
animation: foo 1s infinite steps(4, end);
}
.bar { animation-name: bar }
</style>
<p>You should see an eased animation in the first-element, and a stepped one in the second one</p>
<div></div>
<div class="bar"></div>