mirror of
https://github.com/mozilla/gecko-dev.git
synced 2025-11-12 06:08:24 +02:00
11c4b0e968
<!-- Please describe your changes on the following line: --> --- <!-- Thank you for contributing to Servo! Please replace each `[ ]` by `[X]` when the step is complete, and replace `__` with appropriate data: --> - [x] `./mach build -d` does not report any errors - [x] `./mach test-tidy` does not report any errors <!-- Pull requests that do not address these steps are welcome, but they will require additional verification as part of the review process. --> Part of #11916. r? @SimonSapin Source-Repo: https://github.com/servo/servo Source-Revision: 1fabfee27e16a237d8a6a6b2e4aaad5e67311104
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>
|