Eravamo abituati a vedere transizioni a bottoni o elementi web applicate solo utilizzando Flash o Javascript. CSS3 implementa alcune comode e utili transizioni per arricchire alcuni eventi nei nostri disegni. Il W3C Spiega le transizioni CSS molto semplicemente :Le transizioni CSS permettono le modifiche alle proprietà CSS nei valori che si verificano uniformemente nel corso di un periodo di tempo specifica ...

La proprietà css3 text-shadow permette di aggiungere una o più ombreggiature ad un contenuto di testo. NB: le ombreggiature semplice sono, al momento, supportate da Safari, Opera 9.5+ e Firefox 3.1+ Di seguito, vedremo i valori accettati della proprietà text-shadow, come applicarla a un testo e i risultati ottenuti con esempi concreti. ...

Nella stesura del modulo CSS3 Backgrounds (proprietàdei sfondi), i css3 danno la possibilità di impostare più immagine di sfondo allo stesso elemento e non una unica come al momento usato nelle specifiche della proprietà background in css2. Di seguito, la prova che ho fatto per ricreare un tipo banner usando 6 immagini applicati ad un elemento largo 400px, alto 150px e con un bor ...

La proprietà css3 box-shadow permette di aggiungere senza l'uso di immagine un effetto d'ombreggiatura agli elementi selezionati. Grazie agli differenti valori del box-shadow, possiamo specificare che l'ombreggiatura sia posizionata a destra/sinistra e sotto/sopra verso l'esterno dell'elemento, la sua sfumatura (blur) ed il suo colore. Il box-shadow non fa parte del 'box-model' nel senso che l'ombreg ...

Il modulo css3 multi-column permette di specificare che il contenuto d'un elemento sia visualizzato su più colonne predefinite. Il contenuto dell'elemento si adatta allo spazio disponibile e possiamo specificare il numero (column-count) o la larghezza (column-width) delle colonne se desiderato. Al momento, il multi-column è applicato solo da Safari e Firefox (parzialmente) usando i correspetti ...

La proprietà CSS3 opacity (opacità ) permette di cambiare la trasparenza d'un elemento. La proprietà opacity richiede un valore tra 0.0 (uguale a 100% trasparente) e 1.0 (niente trasparenza). E scritto come di seguito per esempio d'opacità di 60%: opacity: 0.6; ...

Fino adesso, si poteva specificare un carattere (proprietà css font-family) solo con un nome specifico (es: arial, verdana...)o di una famiglia generica (es: serif), font comuni pre-installati con la maggiorità dei sistemi operativi. Un nuovo modulo dei CSS3 è il Web Fonts in quale possiamo trovare la proprietà @font-face. Anche se questa proprietà CSS faceva parte delle s ...

La proprietà css3 border-radius permette di creare angoli arrotondati per gli elementi. Il suo valore viene specificato in unità di misura o percentuale. Al momento, il border-radius è applicato solo da Safari3 e Firefox usando i correspettivi css3: -webkit-border-radius e -moz-border-radius. ...