1
-webkit-shape-image-threshold: 0.5;
2
My text
3
My text
20
20
20
21
This div element has a heart-shaped mask.This div element has a heart-shaped mask.This div element has a heart-shaped mask.This div element has a heart-shaped mask.This div element has a heart-shaped mask.This div element has a heart-shaped mask.This div element has a heart- shaped mask.This div element has a heart-shaped mask.
This div element has a heart-shaped mask.This div element has a heart-shaped mask.This div element has a heart-shaped mask.This div element has a heart-shaped mask.This div element has a heart-shaped mask.This div element has a heart-shaped mask.This div element has a heart- shaped mask.This div element has a heart-shaped mask.
{
width: 100%;
height: auto;
-webkit-mask-image:url(ZoomEffects/mask/heartmask.png) no-repeat center top;
-webkit-mask-position:relative;
//-webkit-mask-repeat:;
//-webkit-mask-attachment:;
-webkit-mask-size: contain;
}
https://css-tricks.com/design-considerations-text-images/