clip-path-mix-blend-mode-1-ref.html (684B)
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>CSS clip-path reference</title> 6 <link rel="author" title="CJ Ku" href="mailto:cku@mozilla.com"> 7 <link rel="author" title="Mozilla" href="https://www.mozilla.org"> 8 <style> 9 div.foreground { 10 position: absolute; 11 background-color: rgb(0,0,255); 12 z-index: 100; 13 width: 50px; 14 height: 50px; 15 } 16 17 div.background { 18 position: absolute; 19 background-color: rgb(0,255,255); 20 width: 100px; 21 height: 100px; 22 } 23 </style> 24 </head> 25 <body> 26 <div class="foreground"></div> 27 <div class="background"></div> 28 </body> 29 </html>