css-flexbox-height-animation-stretch-ref.html (587B)
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <title>CSS Flexbox Test: Items stretch correctly while content is animating</title> 5 <link rel="author" title="Micky Brunetti" href="mailto:micky2be@gmail.com"> 6 <style> 7 @keyframes resize { 8 0% {height: 100px;} 9 100% {height: 50px;} 10 } 11 .test { 12 height: 100px; 13 width: 200px; 14 background-color: green; 15 animation: resize 500ms infinite alternate; 16 } 17 </style> 18 </head> 19 <body> 20 <p>The test passes if you keep seeing a green rectangle and no red.</p> 21 <div class="test"></div> 22 </body> 23 </html>