new-content-flat-transform-ancestor-ref.html (576B)
1 <!DOCTYPE html> 2 <html> 3 <title>View transitions: computed transform for elements with transform-style:flat ancestors is correct (ref)</title> 4 <link rel="help" href="https://drafts.csswg.org/css-view-transitions-1/"> 5 <style> 6 body { 7 perspective: 1000px; 8 } 9 .box { 10 background: lightblue; 11 width: 100px; 12 height: 100px; 13 transform: rotateY(60deg); 14 } 15 .outer { 16 width: 100px; 17 height: 100px; 18 transform: rotateY(60deg); 19 perspective: 1000px; 20 } 21 body { background: lightpink; } 22 </style> 23 <div class=outer> 24 <div class=outer> 25 <div class=box></div> 26 </div> 27 </div> 28 </html>