diff options
Diffstat (limited to 'layout/reftests/css-animations/animate-preserves3d.html')
-rw-r--r-- | layout/reftests/css-animations/animate-preserves3d.html | 38 |
1 files changed, 38 insertions, 0 deletions
diff --git a/layout/reftests/css-animations/animate-preserves3d.html b/layout/reftests/css-animations/animate-preserves3d.html new file mode 100644 index 000000000..cf390513b --- /dev/null +++ b/layout/reftests/css-animations/animate-preserves3d.html @@ -0,0 +1,38 @@ +<html> + <head> + <style type="text/css"> + .pad { + display: block; + height: 20px; + } + .out { + display: block; + position: absolute; + transform-origin: 0 0; + width: 100px; + height: 50px; + overflow: hidden; + } + .rect { + width: 100px; + height: 50px; + background-color: grey; + } + + .ani { + animation: rot 200s linear infinite; + animation-timing-function: steps(2, start); + transform-origin: 50px 50px; + } + @keyframes rot { + to { transform: translate(200px, 0px); } + } + </style> + </head> + <body> + <div class="pad"></div> + <div class="out ani"> + <div class="rect"></div> + </div> + </body> +</html> |