summaryrefslogtreecommitdiffstats
path: root/layout/reftests/css-animations/background-position-in-delay.html
diff options
context:
space:
mode:
Diffstat (limited to '')
-rw-r--r--layout/reftests/css-animations/background-position-in-delay.html16
1 files changed, 16 insertions, 0 deletions
diff --git a/layout/reftests/css-animations/background-position-in-delay.html b/layout/reftests/css-animations/background-position-in-delay.html
new file mode 100644
index 0000000000..0ddc220b2e
--- /dev/null
+++ b/layout/reftests/css-animations/background-position-in-delay.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<title>background-position-x animation in delay phase</title>
+<style>
+@keyframes holdBackgroundPosition {
+ from,to { background-position-x: 100%; }
+}
+#test {
+ height: 100px;
+ width: 100px;
+ background-repeat: no-repeat;
+ background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAMAAADzN3VRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF/wAAAAAAQaMSAwAAABJJREFUeNpiYBgFo2AwAIAAAwACigABtnCV2AAAAABJRU5ErkJggg==); /* a 25x25 px red box */
+ animation: holdBackgroundPosition 100s 100s infinite;
+ background-position-x: 50%;
+}
+</style>
+<div id="test" class="reftest-opaque-layer"></div>