rotated-container-ref.html (547B)
1 <!doctype html> 2 <title>Nested View Transitions: rotated container</title> 3 <link rel="author" href="mailto:vmpstr@chromium.org"> 4 <link rel="help" href="https://drafts.csswg.org/css-view-transitions-2/"> 5 6 <style> 7 :root { background: pink } 8 #target { 9 width: 100px; 10 height: 100px; 11 position: absolute; 12 left: 50px; 13 top: 50px; 14 background: lightblue; 15 16 transform: translateX(100px) rotate(45deg); 17 will-change: transform; 18 } 19 #item { 20 width: 50px; 21 height: 50px; 22 background: blue; 23 } 24 </style> 25 26 <div id=target> 27 <div id=item></div> 28 </div>