<!DOCTYPE html> | |
<style> | |
.container { | |
width: 100px; | |
height: 100px; | |
-webkit-mask-image: url('../resources/stripes-100.png'); | |
-webkit-mask-size: 100px 100px; | |
-webkit-mask-repeat: no-repeat; | |
mask-image: url('../resources/stripes-100.png'); | |
mask-size: 100px 100px; | |
mask-repeat: no-repeat; | |
background-color: rgb(0, 0, 150); | |
} | |
</style> | |
</style> | |
<body> | |
<div class="container"></div> | |
</body> |