capture-with-visibility-hidden-child-ref.html (485B)
1 <!doctype html> 2 <html> 3 <title>View transitions: visibility hidden child (ref)</title> 4 <link rel="help" href="https://drafts.csswg.org/css-view-transitions-1/"> 5 <link rel="author" href="mailto:vmpstr@chromium.org"> 6 7 <style> 8 body { 9 background: pink; 10 } 11 .target { 12 width: 100px; 13 height: 100px; 14 view-transition-name: target; 15 background: blue; 16 } 17 .invisible { 18 width: 500px; 19 height: 500px; 20 visibility: hidden; 21 } 22 </style> 23 24 <div class=target> 25 <div class=invisible></div> 26 </div>