Tutte le novita’ di CSS3

Da Iwebdesigner @Iwebdesigner_it

CSS3 e’ un’estensione di CSS 2.1 che aggiunge nuove e potenti funzionalita’. Non corrisponde piu’ ad un unica specifica, ma e’ stato diviso in moduli. Ogni modulo e’ una specifica a se’ riguardante una sottosezione di CSS, come i selettori, il testo o gli sfondi. Il grande vantaggio e’ che l’intera specifica CSS3 non deve rimanere in attesa mentre una sua parte deve essere definita, ma ad attendere sara’ soltanto il modulo in cui quella piccola parte si trova, mentre il resto potra’ procedere.

LE NOVITA’ DEL CSS3

Effetti visivi senza immagini:

Css3 contiene nuove proprieta’ che vi permettono di creare effetti visivi ottenibili in precedenza solo tramite immagini, come gli angoli arrotondati, le ombre riflesse, gli sfondi semitrasparenti, le sfumature e le immagini per i bordi.

Trasformazione del box:

Un’altra categoria di effetti visibili possibile con CSS3 sono quelli che manipolano la posizione e la forma del box in uno spazio a 2 o 3 dimensioni.

Font esclusivi:

Il modulo Fonts introduce la regola @font-face che vi consente di collegare un file di font sul server e utilizzarlo per visualizzare il testo sulla pagina.

Media query:

Il modulo Media queries introduce la sintassi per l’applicazione degli stili in base alle capacita’ dello schermo o del dispositivo dell’utente. Strumento fantastico per creare siti web ottimizzati per dispositivi mobili.

Selettori potenti:

CSS3 introduce piu’ di una decina di nuovi selettori. Questi vi consentono di intervenire su elementi specifici Html senza bisogno di dichiarare un ID o classi, semplificando in maniera evidente la stesura del codice.

Layout a piu’ colonne:

CSS3 introduce alcuni nuovi moduli che facilitano la creazione di layout a piu’ colonne. Il modulo Multi-column layout tratta lo scorrimento del testo di un solo blocco in piu’ colonne.

Transizioni e animazioni:

Le transizioni CSS3, trattate dal modulo Transitions, sono un tipo di animazione semplice che vi consente di facilitare il passaggio da uno stile di un elemento ad un altro, come cambiare il colore di un pulsante. Le animazioni CSS3, trattate nel modulo Animations, possono creare cambiamenti di stile e movimenti piu’ complessi, senza Flash o JavaScript.

E’ tutto per oggi, alla prossima!


Potrebbero interessarti anche :

Possono interessarti anche questi articoli :