compute-explicit-name-nested-vt-names.tentative.html (859B)
1 <!DOCTYPE html> 2 <html class=reftest-wait> 3 <title>Nested group name should match non-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.html"> 7 <link rel=stylesheet href="resources/compute-common.css"></link> 8 <link rel=stylesheet href="resources/pause-view-transitions.css"></link> 9 <script src="/common/reftest-wait.js"></script> 10 <script src="resources/compute-test.js"></script> 11 <style> 12 ::view-transition-group(yellow) { 13 opacity: 0; 14 background: yellow; 15 animation: none; 16 } 17 18 .yellow { 19 view-transition-name: yellow; 20 } 21 </style> 22 <body> 23 <div class="green"> 24 <div class="yellow"> 25 <div class="test green-ref"></div> 26 </div> 27 </div> 28 </body>