flip-running-animation-via-variable-ref.html (546B)
1 <!DOCTYPE html> 2 <title>Transform animation under large scale</title> 3 <link rel="author" title="Kevin Ellis" href="mailto:kevers@chromium.org"> 4 <link rel="help" href="https://crbug.com/1221622"> 5 <style> 6 #container { 7 display: inline-block; 8 margin-left: 150px; 9 padding: 0; 10 transform: scaleX(-1) rotate(90deg); 11 } 12 #block-1 { 13 background: blue; 14 height: 200px; 15 width: 100px; 16 } 17 #block-2 { 18 background: green; 19 height: 100px; 20 width: 100px; 21 } 22 </style> 23 24 <div id="container"> 25 <div id="block-1"></div> 26 <div id="block-2"></div> 27 </div>