mask-border-width.html (726B)
1 <!DOCTYPE html> 2 <title>CSS zoom applies to mask-border-width when specified and inherited</title> 3 <link rel="help" href="https://drafts.csswg.org/css-viewport/"> 4 <link rel="help" href="https://drafts.csswg.org/css-masking-1/#the-mask-border-width"> 5 <link rel="match" href="mask-border-width-ref.html"> 6 <style> 7 .box { 8 width: 50px; 9 height: 50px; 10 background-color: red; 11 mask-border-slice: 10; 12 mask-border-source: linear-gradient(45deg, pink, blue, white, black, green); 13 mask-border-width: 8px; 14 margin: 10px; 15 } 16 17 .zoom { 18 zoom: 2; 19 } 20 </style> 21 22 <div class="box"></div> 23 24 <div class="zoom"> 25 <div class="box"></div> 26 </div> 27 28 <div class="zoom box"></div>