Per la definizione di una tonalità di colore da applicare ai vari elementi (testo, bordo, sfondo, ecc.) CSS3 mette a disposizione diverse possibilità: Nome del colore, usando una delle costanti letterali come white, black, blue, red, yellow, brown, purple;Notazione esadecimale ...

Negli script precedenti abbiamo visto le diverse possibilità offerte da CSS3 per impostare colori e lunghezze.Le specifiche di CSS3 definiscono anche le unità di misura disponibili per impostare angoli (usati ad esempio nel caso di trasformazioni), tempo (usato ad esempio per ...

Per preservare il design di una pagina può risultare necessario limitare la visualizzazione di un testo dinamico affinché non ecceda le dimensioni massime del contenitore. In questo caso è utile dare all'utente un feedback visuale che mostri chiaramente che il testo visualizzato ...

Una delle novità di CSS3 è l'aggiunta del supporto a background multipli, ovvero la possibilità di specificare più di un'immagine di sfondo, posizionando ciascuna risorsa su un livello diverso (layer).L'esempio seguente mostra come costruire una scena complessa usando singole ...

CSS3 consente di controllare in modo molto preciso lo sfondo degli elementi della pagina.Tra le nuove proprietà introdotte troviamo background-clip che consente di specificare quale sarà l'area interessata dallo sfondo. I valori disponibili sono: border-box: lo sfondo verrà ...

Con CSS 3 è possibile dare un ulteriore tocco di personalità ad una pagina web, impostando un font personalizzato, che ricalchi l'identità del sito web, evitando di utilizzare immagini o plug-in per gestire la visualizzazione di un nuovo carattere.Originariamente, con le ...

Con la comparsa dei primi dispositivi mobile con display ad alta risoluzione (es. Retina display di Apple) e successivamente di alcuni modelli di laptop, le immagini visualizzate da un sito web, se non adeguatamente gestite, appaiono evidentemente con una definizione inferiore ...

Una delle novità di CSS3 è il supporto per gli sfondi gradienti. Sebbene i gradient non siano più molto di moda nel web, esistono situazioni in cui possono tornare gradevoli e per questo motivo si è deciso di inserirne il supporto nativo. Qui sotto vediamo un esempio di utilizzo ...

I device che visualizzano un sito possono essere di diverse dimensioni passando da uno smartphone a 7 pollici a un televisore da 50 pollici. Avere un'immagine di background diversa per ogni possibile dimensione dello schermo è una soluzione efficace, ma poco manutenibile in virtù...

Con l'introduzione di CSS3 abbiamo la possibilità di creare transizioni per dare un'animazione agli oggetti in maniera nativa e quindi senza utilizzare framework di terze parti. Grazie a questa caratteristica possiamo decidere quali proprietà di un oggetto animare e quanto tempo ...