Chcete na webu obrázek, ale potřebujete ho oříznout do určitého tvaru? Přesně k tomu slouží clip-path.
%root%{
clip-path: url("https://vyladeny-web.cz/wp-content/uploads/2024/07/url-vaseho-obrazku.png");
-webkit-mask-image: url("https://vyladeny-web.cz/wp-content/uploads/2024/07/url-vaseho-obrazku.png");
mask-image: url("https://vyladeny-web.cz/wp-content/uploads/2024/07/url-vaseho-obrazku.png");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
mask-position: center;
mask-size: 100% auto;
}