diff options
| author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
|---|---|---|
| committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
| commit | 26a029d407be480d791972afb5975cf62c9360a6 (patch) | |
| tree | f435a8308119effd964b339f76abb83a57c29483 /testing/web-platform/tests/css/printing/animations-shadow-print.html | |
| parent | Initial commit. (diff) | |
| download | firefox-26a029d407be480d791972afb5975cf62c9360a6.tar.xz firefox-26a029d407be480d791972afb5975cf62c9360a6.zip | |
Adding upstream version 124.0.1.upstream/124.0.1
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/css/printing/animations-shadow-print.html')
| -rw-r--r-- | testing/web-platform/tests/css/printing/animations-shadow-print.html | 32 |
1 files changed, 32 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/printing/animations-shadow-print.html b/testing/web-platform/tests/css/printing/animations-shadow-print.html new file mode 100644 index 0000000000..0e80e9c45c --- /dev/null +++ b/testing/web-platform/tests/css/printing/animations-shadow-print.html @@ -0,0 +1,32 @@ +<!DOCTYPE HTML> +<html> +<link rel="help" href="https://drafts.csswg.org/css-animations/"> +<link rel="match" href="animations-shadow-print-ref.html"> +<title>Static CSS animation in Shadow DOM</title> +<style> + +@keyframes a { + from, to { color: blue } +} + +.anim { + color: olive; + animation: a 1s infinite; +} + +</style> +<p class="anim">blue with animation support; olive without</p> +<div id="holder"></div> +<script> +let shadow_style = style = document.createElement("style"); +shadow_style.textContent = "@keyframes shadow_a { from, to { color: orange } }"; + +let shadow = document.getElementById("holder").attachShadow({mode:"open"}); +let shadow_p = document.createElement("p"); + +shadow_p.style.color = "olive"; +shadow_p.style.animation = "shadow_a 1s infinite"; +shadow_p.innerHTML = "orange with animation support; olive without"; +shadow.appendChild(shadow_style); +shadow.appendChild(shadow_p); +</script> |