content-visibility-074-ref.html (665B)
1 <!doctype HTML> 2 <html> 3 <meta charset="utf8"> 4 <title>CSS Content Visibility: toggling auto with composited descedant (reference)</title> 5 <link rel="author" title="Vladimir Levin" href="mailto:vmpstr@chromium.org"> 6 <link rel="help" href="https://drafts.csswg.org/css-contain/#content-visibility"> 7 8 <style> 9 #a { will-change: transform; } 10 #b { height: 15000px; } 11 #c { 12 width: 800px; 13 height: 600px; 14 } 15 #d { 16 will-change: transform; 17 top: 0px; 18 width: 500px; 19 height: 500px; 20 background: green; 21 } 22 .contain { 23 contain: layout style paint; 24 } 25 26 </style> 27 28 <div id="a"> 29 </div> 30 <div id="b"> 31 <div id="c" class=contain> 32 <div id="d"></div> 33 </div> 34 </div> 35 </div>