<!-- Any copyright is dedicated to the Public Domain. http://creativecommons.org/publicdomain/zero/1.0/ --> <!DOCTYPE html> <html lang="en"> <meta charset="utf-8"> <title>Test for bug 1078262</title> <style> #outer { perspective: 10000px; width: 200px; height: 4000px; margin-top: -3800px; background: red; box-shadow: inset 0 0 0 2px white; } #inner { width: 200px; height: 4000px; background: white; box-sizing: border-box; border: 1px solid white; transform-origin: 50% 100% 0; animation: active-rotation 5s linear infinite; } @keyframes active-rotation { from { transform: rotateX(10.01deg); } to { transform: rotateX(10.00deg); } } </style> <div id="outer"> <div id="inner"></div> </div>