element-stops-grouping-after-animation-ref.html (611B)
1 <!DOCTYPE html> 2 <html> 3 <title>View transitions: element remains grouping during transition</title> 4 <link rel="help" href="https://www.w3.org/TR/css-view-transitions-1/"> 5 <link rel="author" href="mailto:vmpstr@chromium.org"> 6 7 <style> 8 .parent { 9 top: 0; 10 width: 100px; 11 height: 100px; 12 position: absolute; 13 background: blue; 14 transform-style: preserve-3d; 15 } 16 .child { 17 background: green; 18 width: 100px; 19 height: 100px; 20 top: 0; 21 left: 0; 22 position: absolute; 23 transform: translateZ(-500px); 24 } 25 body { 26 perspective: 1000px; 27 height: 500px; 28 } 29 </style> 30 31 <div class=parent><div class=child></div></div>