| <!DOCTYPE html> |
| <title>Transform animation under large scale</title> |
| <link rel="author" title="Kevin Ellis" href="mailto:kevers@chromium.org"> |
| <link rel="help" href="https://crbug.com/1221622"> |
| <style> |
| #container { |
| display: inline-block; |
| margin-left: 150px; |
| padding: 0; |
| transform: scaleX(-1) rotate(90deg); |
| } |
| #block-1 { |
| background: blue; |
| height: 200px; |
| width: 100px; |
| } |
| #block-2 { |
| background: green; |
| height: 100px; |
| width: 100px; |
| } |
| </style> |
| |
| <div id="container"> |
| <div id="block-1"></div> |
| <div id="block-2"></div> |
| </div> |