adjust-transform.tentative.html (908B)
1 <!DOCTYPE html> 2 <html class=reftest-wait> 3 <title>Nested group name should match direct parent</title> 4 <meta name=fuzzy content="maxDifference=0-255; totalPixels=0-515"> 5 <link rel="help" href="https://drafts.csswg.org/css-view-transitions-2/"> 6 <link rel="match" href="nested-ref-100.html"> 7 <link rel=stylesheet href="resources/pause-view-transitions.css"></link> 8 <script src="/common/reftest-wait.js"></script> 9 <script src="resources/compute-test.js"></script> 10 <style> 11 body { 12 margin: 0; 13 } 14 div { 15 position: absolute; 16 top: 50px; 17 left: 50px; 18 width: 100px; 19 height: 100px; 20 } 21 22 .parent { 23 view-transition-name: parent; 24 } 25 26 .child { 27 view-transition-name: child; 28 view-transition-group: parent; 29 background: green; 30 } 31 </style> 32 <body> 33 <div class="parent"> 34 <div class="child"></div> 35 </div> 36 </body>