1078262-1.html (732B)
1 <!-- Any copyright is dedicated to the Public Domain. 2 http://creativecommons.org/publicdomain/zero/1.0/ --> 3 <!DOCTYPE html> 4 <html lang="en"> 5 <meta charset="utf-8"> 6 <title>Test for bug 1078262</title> 7 8 <style> 9 #outer { 10 perspective: 10000px; 11 width: 200px; 12 height: 4000px; 13 margin-top: -3800px; 14 background: red; 15 box-shadow: inset 0 0 0 2px white; 16 } 17 #inner { 18 width: 200px; 19 height: 4000px; 20 background: white; 21 box-sizing: border-box; 22 border: 1px solid white; 23 transform-origin: 50% 100% 0; 24 animation: active-rotation 5s linear infinite; 25 } 26 @keyframes active-rotation { 27 from { transform: rotateX(10.01deg); } 28 to { transform: rotateX(10.00deg); } 29 } 30 </style> 31 32 <div id="outer"> 33 <div id="inner"></div> 34 </div>