diff options
Diffstat (limited to 'devtools/client/inspector/animation/test/doc_overflowed_delay_end_delay.html')
-rw-r--r-- | devtools/client/inspector/animation/test/doc_overflowed_delay_end_delay.html | 75 |
1 files changed, 75 insertions, 0 deletions
diff --git a/devtools/client/inspector/animation/test/doc_overflowed_delay_end_delay.html b/devtools/client/inspector/animation/test/doc_overflowed_delay_end_delay.html new file mode 100644 index 0000000000..a4d91ae4ef --- /dev/null +++ b/devtools/client/inspector/animation/test/doc_overflowed_delay_end_delay.html @@ -0,0 +1,75 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <style> + div { + width: 100px; + height: 100px; + outline: 1px solid lime; + } + </style> + </head> + <body> + <div id="target"></div> + <script> + "use strict"; + + const target = document.getElementById("target"); + target.animate( + { + color: ["red", "lime"], + }, + { + id: "big-delay", + duration: 1000, + delay: Number.MAX_VALUE, + iterations: Infinity, + }); + + target.animate( + { + opacity: [1, 0], + }, + { + id: "big-end-delay", + duration: 1000, + endDelay: Number.MAX_VALUE, + iterations: Infinity, + }); + + target.animate( + { + marginLeft: ["0px", "100px"], + }, + { + id: "negative-big-delay", + duration: 1000, + delay: -Number.MAX_VALUE, + iterations: Infinity, + }); + + target.animate( + { + paddingLeft: ["0px", "100px"], + }, + { + id: "negative-big-end-delay", + duration: 1000, + endDelay: -Number.MAX_VALUE, + iterations: Infinity, + }); + + target.animate( + { + backgroundColor: ["lime", "white"], + }, + { + id: "big-iteration-start", + duration: 1000, + iterations: Infinity, + iterationStart: Number.MAX_VALUE, + }); + </script> + </body> +</html> |