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.

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.

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