Creare frecce ed angoli SOLO con CSS3

Girando per il web, come al solito, alla ricerca di qualcosa di diverso, ho trovato un sito dove viene spiegato come fare frecce con i soli CSS. Utilità? Ridurre ancora di più l’utilizzo di immagini nei siti web.

Avendo uno strumento così potente a disposizione, meglio sfruttarlo, che ne dite?

Il link alla pagina è QUESTO.

Per farla breve, viene sfruttata la proprietà border in un div, come ad esempio:

font-size: 0px; line-height: 0%; width: 0px;
border-top: 10px solid #f6f6f6;
border-right: 20px solid #77c;
border-bottom: 10px solid #f6f6f6;

Che creerà una freccia verso sinistra:

frecciaI

Il resto lo trovate nel sito o provando a modificare il codice.

Annunci

, , , , , ,

  1. Lascia un commento

Rispondi

Inserisci i tuoi dati qui sotto o clicca su un'icona per effettuare l'accesso:

Logo WordPress.com

Stai commentando usando il tuo account WordPress.com. Chiudi sessione / Modifica )

Foto Twitter

Stai commentando usando il tuo account Twitter. Chiudi sessione / Modifica )

Foto di Facebook

Stai commentando usando il tuo account Facebook. Chiudi sessione / Modifica )

Google+ photo

Stai commentando usando il tuo account Google+. Chiudi sessione / Modifica )

Connessione a %s...

%d blogger hanno fatto clic su Mi Piace per questo: