Nwlapcug.com


Specifiche e proprietà dell'animazione per CSS3

Specifiche e proprietà dell'animazione per CSS3


CSS sta per Cascading Style Sheets, una lingua del foglio di stile utilizzata per definire l'aspetto o stile di pagine Web scritte in codice HTML o XHTML. CSS preferiti Web tempo gli sviluppatori mediante la definizione di modalità di visualizzazione di elementi quali tipi di carattere, colori e spaziature su tutte le pagine in un sito Web, piuttosto che lo sviluppatore di dover definire ogni elemento su ogni pagina. Versione 3 del linguaggio CSS, o CSS3, migliora la velocità di sviluppo, tempo di caricamento e l'aggiornamento della piattaforma.

Specifiche di carattere

La funzionalità di carattere faccia in CSS3 può dirigere una pagina Web per scaricare i font dal server al browser Web di un utente, assicurando che i font rendano accurato. Un'altra novità di CSS3 è testo lo shadowing, che aggiunge ombreggiature al testo, rendendo possibile la progettazione di pagine Web con effetti quali incandescente testo, testo in rilievo e stampa tipografica-stile testo. Scrittura modalità Module Level 3 di CSS3 definisce la sinistra a destra, right-to-left, bidirezionale e proprietà verticale del testo.

Sfondo e bordo Specs

CSS3 ti dà la possibilità di definire la sfumatura dello sfondo come definito dal browser, che evita di dover fare affidamento su un editor di immagini. CSS3 supporta anche le immagini di sfondo multiple per un singolo elemento. Consente di definire i valori del raggio di forma diversa, CSS3 accomoda gli angoli arrotondati in elementi Web, tra cui confini, senza dover utilizzare immagini agli angoli

Proprietà dell'animazione

Utilizzando una tecnica nota come "fotogrammi chiave", CSS3 permette la creazione di animazioni che sostituire immagini animate, animazioni Flash e animazioni JavaScript nelle pagine Web. Questo processo crea un effetto animato in cui un elemento nella pagina gradualmente cambia da uno stile a altro. Supporti di animazione CSS3 configurazione durata, tempi, inizio e fine dei tempi e direzione, tra cui animazione che riprodotta in senso inverso. A partire da febbraio 2012, browser come Internet Explorer e Opera non supportano animazioni con fotogrammi chiave create da CSS3.

Altre caratteristiche

Con CSS3 box-shadow possono essere creati con un costrutto di riga singola, facendo via con metodi precedenti che si basavano sulla modificazione delle ombre esistenti – tra cui immagine swapping e affettarlo – per creare box-shadow che richiedono numerose righe di codice. Tutti gli elementi, caratteristiche CSS3 pieno controlli opacità, da trasparente ad opaco al 100%. Colore può essere definito in CSS3 utilizzando la sintassi di colore RGBA, con valori di colore da 0 a 255 e i valori di opacità da 0.0 a 1.0. Rotazione, scala e opzioni di obliquità permettono al progettista di Web trasformare qualsiasi elemento della pagina.