mask-opacity-invalidation-1-ref.html (454B)
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 5 <title></title> 6 <style> 7 #mask { 8 clip-path: circle(50%); 9 width: 100px; 10 height: 100px; 11 opacity: 0.5; 12 } 13 14 #content { 15 width: 100px; 16 height: 100px; 17 background-color: green; 18 } 19 </style> 20 </head> 21 22 <body> 23 <div id="mask"> 24 <div id="content"></div> 25 </div> 26 </body> 27 </html>