transition-test-ref.html (1067B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Transition Reference File</title> 5 <link rel="author" title="Oleg Janeiko" href="mailto:oleg@the-incredible.me"> 6 <style type="text/css"> 7 .container { 8 background-color: red; 9 height: 200px; 10 width: 200px; 11 } 12 .box { 13 width: 100px; 14 height: 100px; 15 background-color: green; 16 17 transition-property: width; 18 transition-duration: 0; 19 } 20 .box.transition { 21 width: 200px; 22 height: 200px; 23 } 24 </style> 25 <script type="text/javascript" charset="utf-8"> 26 function ready(){ 27 var box = document.querySelector('.box'); 28 box.className = 'box transition'; 29 } 30 </script> 31 </head> 32 <body onload="ready();"> 33 <div> 34 <p>You should not see a red background during the transition. Note: if the test passes transition is instant.</p> 35 </div> 36 <div class="container"> 37 <div class="box"></div> 38 </div> 39 </body> 40 </html>