composited-under-clip-under-multicol.html (683B)
1 <!DOCTYPE html> 2 <link rel="help" href="https://drafts.csswg.org/css-multicol"> 3 <link rel="match" href="composited-under-clip-under-multicol-ref.html"> 4 <meta name="assert" content="Test that clip under multicol is correctly applied on composited child"> 5 <style> 6 .columns { 7 columns: 2; 8 column-gap: 20px; 9 width: 220px; 10 height: 100px; 11 } 12 .clip { 13 height: 100px; 14 overflow: hidden; 15 } 16 .composited { 17 will-change: transform; 18 margin-top: -20px; 19 margin-left: -20px; 20 border: 20px solid red; 21 width: 200px; 22 height: 200px; 23 background: green; 24 } 25 </style> 26 <div class="columns"> 27 <div class="clip"> 28 <div class="composited"></div> 29 </div> 30 <div class="clip"></div> 31 </div>