Una delle più famose proprietà di CSS3 è border-radius. I web designer non dovranno più ricorrere a strutture
di tabella complesse utilizzando grafiche su misura per produrre disegni con angoli arrotondati. Basta usare CSS3
border-radius per rendere i vostri angoli arrotondati!
Il codice seguente viene generato per il border-radius in CSS3Menu:
border-radius:0 0 9px 9px;
-moz-border-radius:0 0 9px 9px;
-webkit-border-radius:0 0 9px 9px;
Ecco un'istantanea da Firefox che mostra l'effetto angoli arrotondati:
Le forme rettangolari sono noiose. Dall'inizio delle interfacce grafiche, i programmatori di computer sono stati ossessionati da produrre angoli perfettamente arrotondati su schermo senza usare troppa memoria del computer.
Sareste sorpresi di quanto una cosa semplice come gli angoli arrotondati sui pulsanti possa cambiare la percezione di un sito degli utenti di Internet. Il menu di navigazione è una delle prime cose che la gente guarda quando si visita un sito web, e che impressione influenza sia consciamente e inconsciamente le loro ulteriori decisioni. Angoli arrotondati lisci trasmettono simpatia ed accessibilità, che è molto importante se si desidera che i nuovi visitatori non lascino il sito.