mirror of
https://github.com/servo/servo
synced 2026-04-26 17:45:19 +02: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.
24 lines
519 B
HTML
24 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>
|