Bennettfeely clippy: CSS clip-path maker online

Ecco un altro sito interessante, che ci permette di creare dei CSS clip-path online: Bennettfeely clippy!

Il suo utilizzo è veramente semplice.

Nel riquadro più grande avete l'anteprima.

A destra potete scegliere il clip-path e l'immagine di background; come potete vedere, potete impostare anche una immagine remota.

Una volta impostato i parametri, nella parte sotto al riquadro dell'anteprima potete vedere la regola CSS da copiare.

Ad esempio:

clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);

Vi basterà applicarla alla vostra immagine.

Nel riquadro dell'anteprima potete anche regolare le dimensioni / forme.

Enjoy!