contain-paint-026.html (698B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Containment Test: Paint containment and box-shadow</title> 4 <link rel="help" href="https://drafts.csswg.org/css-contain-1/#containment-paint"> 5 <link rel="match" href="../reference/ref-filled-green-100px-square.xht"> 6 <meta name=assert content="Paint containment should clip box-shadow effect on child."> 7 <style> 8 #contain-paint { 9 contain: paint; 10 width: 100px; 11 height: 100px; 12 background: red; 13 } 14 15 #child { 16 background: green; 17 box-shadow: 0 0 100px 100px red; 18 width: 100px; 19 height: 100px; 20 } 21 </style> 22 <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> 23 <div id="contain-paint"> 24 <div id="child"></div> 25 </div>