Angoli arrotondati css3

Gli angoli arrotondati non saranno più in incubo per tutti i web designer che curano in particolare il taglio html e css.

Grazie alla nuova tecnologia css3 in particolare la direttiva border-radius è possibile ora con del semplice codice arrotondare i nostri elementi.

COSA FA?

Border-radius consente di applicare angoli arrotondati ai contenitori e, in alcuni browser, anche alle immagini.

QUALI BROWSER LA SUPPORTANO?

Le ultime versioni di tutti i browser supportano boder-radius.
Internet Explorer non ha supportato border-radius fino a IE9, creando frustrazione tra sviluppatori e designer.
Tutte le versioni correnti: border-radius

 

Firefox 3.5: -moz-border-radius

IE9: border-radius

Opera 10.5: -o-border-radius

Webkit (Chrome 0.2, Safari 3.0): -webkit-border-radius

 

COME FUNZIONA?

L’esempio seguente mostra come aggiungere angoli arrotondati di 10px in alto a sinistra e in basso a destra di un contenitore, e angoli arrotondati di 50px in alto a destra ed in basso a sinistra.
(lo stile funziona allo stesso modo con margini spaziatura e così via..)

CHI LA USA?

Carsonified all’indirizzo carsonified.com usa gli angoli arrotondati su vari elementi come i menu di rollover.

Sicuramente i css3 e gli angoli arrotondati tolgono moltissimo lavoro a noi web designer.

Resta comunque sempre il problema dei clienti che non utilizzano i browser di nuova generazione per visualizzare i loro siti web.

In questo caso non vedranno i benefici della nuova tecnolgia css3.

Leave a Reply

Your email address will not be published. Required fields are marked *