• CSS Properties
  • mask-image
​x
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
<style>
5
    .img-mask {
6
        -webkit-mask-image: url('https://webtutor.dev/images/logo.png');
7
        mask-image: url('https://webtutor.dev/images/logo.png');
8
        -webkit-mask-size: 50%;
9
        mask-size: 50%;
10
        -webkit-mask-repeat: no-repeat;
11
        mask-repeat: no-repeat;
12
    }
13
</style>
14
</head>
15
<body>
16
​
17
<h1>The mask-image Property</h1>
18
​
19
<div class="img-mask">
20
    <img src="https://webtutor.dev/images/flower.jpg" alt="Computer" width="500" height="300">
21
</div>
22
​
23
</body>
24
</html>