Online Html Editor

<!DOCTYPE html> <html> <head> <style> .mask-container { mask-image: url(/https/www.tutorialspoint.com/css/images/logo.png); mask-size: 70%; mask-position: 25%; mask-repeat: no-repeat; } img{ height: 70px; } .luminence{ mask-mode: luminance; } .alpha{ mask-mode: alpha; } </style> </head> <body> <h2> CSS mask-mode property </h2> <h4> image used: </h4> <div> <img src="/css/images/scenery.jpg" alt="img"> </div> </div> <h4>mask-mode: luminance</h4> <div class="mask-container luminence"> <img src="/css/images/scenery.jpg" alt="img" width=470 height=130> </div> <h4>mask-mode: alpha</h4> <div class="mask-container alpha"> <img src="/css/images/scenery.jpg" alt="img" width=470 height=130> </div> </body> </html>