Bild als Maske mit Bildhintergrund


Cinque Terre

Original Hintergrundbild:

Cinque Terre

Original Maskenbild:

Cinque Terre

Quellcode
<html>
<head>
Hier nichts

<style type="text/css">
.mask {margin-left:20%; -webkit-mask-image: url(../Bilder/hkhlogo.png); mask-image: url(../Bilder/hkhlogo.png); -webkit-mask-size: 50%; mask-size: 50%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }
</style>
<head>

<body >
<div class="mask">
<img src="../Bilder/Life.jpg" alt="Cinque Terre" width="100%" height="auto"/>
</div>
</body>

</html>