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.
Mattepuffo
clip-path
Mattepuffo
Nascondere elementi usando i CSS
Vi propongo oggi una lista di metodi per nascondere gli elemtni di una pagina web usando i CSS.
Non so se ce ne siano altri, e non saprei neanche dirvi quale sia il migliroe.
Io in genere per abitudine uso l'attributo display, quindi cominciamo da questo.
Mattepuffo
Usare il clip-path con Clippy
In questo articolo abbiamo visto come usare clip-path.
Il suo utilizzo, comunque, non è dei più semplici; ma girovagando per il web, ho trovato un servizio molto utile: Clippy!
In pratica ci consente di manipolare le forme, e come risultato ci da il CSS da mettere nel nostro sito.
Mattepuffo
CSS clip-path
La proprietà clip-path di CSS 3 ci permette di "clippare" parti di una pagina senza ricorrere ad immagini create ad-hoc o ad altri tecnicismi.
Ad oggi (20 giugno 2016) non è compatibile con Firefox, ma potete testarlo su Chrome e Safari.
Qui vi propongo due esempi:
- in uno clippiamo una immagine creando un rombo
- nell'altro tagliamo una parte del titolo