diff options
| author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 01:47:29 +0000 |
|---|---|---|
| committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 01:47:29 +0000 |
| commit | 0ebf5bdf043a27fd3dfb7f92e0cb63d88954c44d (patch) | |
| tree | a31f07c9bcca9d56ce61e9a1ffd30ef350d513aa /testing/web-platform/tests/css/css-animations/inheritance-pseudo-element.html | |
| parent | Initial commit. (diff) | |
| download | firefox-esr-0ebf5bdf043a27fd3dfb7f92e0cb63d88954c44d.tar.xz firefox-esr-0ebf5bdf043a27fd3dfb7f92e0cb63d88954c44d.zip | |
Adding upstream version 115.8.0esr.upstream/115.8.0esr
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/css/css-animations/inheritance-pseudo-element.html')
| -rw-r--r-- | testing/web-platform/tests/css/css-animations/inheritance-pseudo-element.html | 49 |
1 files changed, 49 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-animations/inheritance-pseudo-element.html b/testing/web-platform/tests/css/css-animations/inheritance-pseudo-element.html new file mode 100644 index 0000000000..4ebcbc95de --- /dev/null +++ b/testing/web-platform/tests/css/css-animations/inheritance-pseudo-element.html @@ -0,0 +1,49 @@ +<!doctype html> +<title>@keyframes + pseudo-element inherits from the right style.</title> +<link rel="author" href="https://mozilla.org" title="Mozilla"> +<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1757017"> +<link rel="help" href="https://drafts.csswg.org/css-animations/#property-index"> +<link rel="match" href="inheritance-pseudo-element-ref.html"> +<style> +body { + font-size: 30px; +} + +.container { + font-size: 5px; + height: 40px; +} + +.container::after { + content: ""; + display: block; + border: 2px solid blue; + width: 1em; + height: 1em; +} + +@keyframes kf-fs5px { from, to { font-size: 5px; } } +.fs5px::after { + animation: kf-fs5px 1s infinite; +} + +@keyframes kf-fs1em { from, to { font-size: 1em; } } +.fs1em::after { + animation: kf-fs1em 1s infinite; +} + +@keyframes kf-fs100p { from, to { font-size: 100%; } } +.fs100p::after { + animation: kf-fs100p 1s infinite; +} + +@keyframes kf-fsinherit { from, to { font-size: inherit; } } +.fsinherit::after { + animation: kf-fsinherit 1s infinite; +} +</style> +<div class="container"></div> +<div class="container fs5px"></div> +<div class="container fs1em"></div> +<div class="container fs100p"></div> +<div class="container fsinherit"></div> |