Corsi on-line

Box con angoli arrotondati con CSS3

Abbiamo parlato più volte dei famosi box con angoli arrotondati, abbiamo visto come crearli utilizzando immagini o semplice codice CSS oppure degli script come CurvyCorners. In questo poste vi segnalo un altro interessante (anche se molto semplice) servizio disponibile sul sito Border-Radius.com.

Questo sito, infatti, permette di creare il codice CSS3 per la creazione di box con angoli arrotondati semplicemente specificando il valore (in pixel) del raggio dell’angolo. Se utilizzare Firefox e Safari potete vedere in anteprima l’effetto creato.

Di seguito il codice CSS3 che ho ottenuto impostando un raggio angolare di 20 pixel.

-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;

E’ bene ricordare che, attualmente, IE 8 non supporta CSS3… per una piena compatibilità sembra che sarà necessario aspettare la release 9 del popolare browser di casa Microsoft.

Post correlati
I più letti del mese
Tematiche