English Deutsch Español Italiano Русский Svenska 日本語

CSS3 Angoli arrotondati

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:

border-radius


Il border-radius è supportato dai seguenti browser: Webkit (da Safari 3 +), Opera 10.5, Firefox 3.5.

Vedi anche:
CSS3 Angoli arrotondati, CSS3 Ombra, CSS3 Animazione, CSS3 Text Ombra, CSS3 Gradiente CSS3 Transition




Scarica


CSS3 Generatore 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.

border-radius


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.





Scarica