box-shadow-001.html (660B)
1 <!DOCTYPE html> 2 <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> 3 <link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=269061"> 4 <link rel="match" href="box-shadow-001-ref.html"> 5 <p>There should be 6 identical cyan rectangles below, all with a box shadow.</p> 6 <style> 7 #mc > div { 8 margin-bottom: 50px; 9 height: 50px; 10 box-shadow: 20px 20px 20px; 11 background: cyan; 12 } 13 </style> 14 <div id="mc" style="columns:3; column-gap:50px; column-fill:auto; width:400px; height:150px; background:yellow;"> 15 <div></div> 16 <div></div> 17 <div></div> 18 <div></div> 19 <div></div> 20 <div></div> 21 </div>