Magazine Informatica

Css3 Bordi arrotondati per il Cross Browsing

Creato il 01 gennaio 1970 da Decadeweb @simone_marchese

Se stai creando un sito fai attenzione al Cross Browsing, il sito che stai creando dovrà essere uguale in tutti i browser in commercio.
Per esempio se vogliamo creare un box e dargli i bordi arrotondati utiliziamo il seguente codice:
.box {
-moz-border-radius: 15px; /* Firefox */
-webkit-border-radius: 15px; /* Safari and Chrome */
border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
-moz-box-shadow: 10px 10px 20px #000; /* Firefox */
-webkit-box-shadow: 10px 10px 20px #000; /* Safari and Chrome */
box-shadow: 10px 10px 20px #000; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
}

Buon codice a tutti :)


Autore

Css3 Bordi arrotondati per il Cross Browsing

Sviluppatore web, aree riservete e gestionali.
Svolgo con passione e determinazione il proprio lavoro dedicando tempo alla ricerca e all'approfondimento di novità.


Sito web dell'autore

Ritornare alla prima pagina di Logo Paperblog