Zanikające zdjęcia

KOD DO EFEKTU:

<div style="text-align: center;">
<img src="LINK DO ZDJĘCIA" style="-webkit-mask-image: radial-gradient(ellipse 150% 100% at 50% 0%, #000 0%, #0000 100%);" />
</div>

▪ Wartości, które możesz edytować zaznaczone są kolorem.

KOD DO EFEKTU:

<div style="text-align: center;">
<img class="mask1" src="LINK DO ZDJĘCIA" style="width: 550px;" /></div>

<style>
.mask1 {
  -webkit-mask-image: linear-gradient(to bottom, transparent 25%, black 75%);
  mask-image: linear-gradient(to bottom, transparent 25%, black 75%);
}
</style>

KOD DO EFEKTU:

<div style="text-align: center;">
<img class="mask3" src="LINK DO ZDJĘCIA" style="width: 550px;" /></div>

<style>
.mask3 {
  -webkit-mask-image: radial-gradient(ellipse 90% 80% at 48% 78%, black 40%, transparent 50%);
  mask-image: radial-gradient(ellipse 90% 80% at 48% 78%, black 40%, transparent 50%);
}
</style>