mirror of
https://github.com/servo/servo.git
synced 2025-06-06 16:45:39 +00:00
8ba676533b
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.
23 lines
519 B
HTML
23 lines
519 B
HTML
<!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>
|