Une image masquée par une forme en CSS

Lundi 12 mai 2025

À partir du logo de Pyrat.net en SVG et SVG to CSS Shape Converter pour la traduction en shape CSS

Retour SommaireL’image non masquée

Retour SommaireLe HTML pour masquer

Avec quelques éléments CSS spécifiques à SPIP + SoyezCréateurs.

<html><style type="text/css">
.shape img {
aspect-ratio: 0.916;
height: revert-layer;
width: unset;
clip-path: shape(from 89.21% 64.99%,line by -45.36% -10.83%,line by 0% -10.1%,line by -11.31% -2.6%,line by 0.08% 14.71%,line by -20.97% 15.07%,line by 0% -36.78%,line by 45.78% 10.63%,line by 0% 10.21%,line by 10.53% 2.38%,line by 0.06% -14.11%,line by 21.19% -15.67%,line by 0% 37.1%,close,move by -21.19% 20.29%,line by 0% -12.73%,line by -10.6% -2.47%,line by 0% 17.47%,line by -38.66% -8.92%,line by 20.18% -14.99%,line by 44.25% 10.35%,line by -15.17% 11.3%,close,move by -35.52% -70.74%,line by 0% 12.13%,line by 11.35% 2.61%,line by 0% -18.22%,line by 38.7% 9.03%,line by 0.53% 0.14%,line by -21.14% 15.38%,line by -44.47% -10.28%,line by 15.04% -10.8%,close,move by 3.82% -14.54%,line by -36.33% 25.95%,line by 0% 59.47%,line by 63.19% 14.58%,line by 36.81% -26.98%,line by 0% -58.93%,line by -63.67% -14.09%,close);
}
</style></html>

<img1357|center|class=shape>

Retour SommaireLe résultat

Retour Sommaire

Revenir en haut