Disegnare triangoli con i CSS3

Diverse proprietà CSS3 stanno aiutando gli sviluppatori ad evitare l'uso di immagini decorative (vedi gradienti, sfumature e ombreggiature), in questo caso non c'è nulla di nuovo se non un approccio diverso nel mostrare o nascondere contenuti e bordi.

Ecco quindi un video breve ma efficace, per spiegare in pochi frame come ottenere un triangolo con i CSS, da utilizzare come segnaposto o indicatore al posto di un'immagine.

Alla fine del video sembra di aver trovato l'uovo di Colombo, eppure la semplicità nel mantenere visibile solo un bordo, mantenendo vuoto tutto l'oggetto, è inversamente proporzionale all'effetto ricavato. Abbinato ad un altro div, con il border-radius pronunciato, otteniamo un effetto callout in puro CSS.