Drag&Drop
L’operazione inizia con un evento mousedown seguito da una serie di mousemove. Per rendere un elemento spostabile sono necessarie le
Leggi tutto
Progettazione Web
Animazioni
Possiamo creare delle semplici animazioni con la tecnica delle transazioni. Con la proprietà transition possiamo definire in quanto tempo una
Leggi tutto
Trasformazioni
Possiamo trasformare l’aspetto degli elementi tramite la proprietà trasform, i metodi sono: translate() – permette di spostare un elemento sull’asse
Leggi tutto
Layout flessibili
Il CSS3 cio offre una novità importantissima per la creazione di layout flexbox; grazie a questa proprietà possiamo creare layout
Leggi tutto
Dimesione del box
Tramite la nuova proprietà box-sizing possiamo definire le dimensioni di un box compreso eventuali padding e bordi. Prevede due valori:
Leggi tutto
Bordi
Con il css3 possiamo personalizzare i bordi. La proprietà border-radius possiamo creare dei bordi con angoli arrotondati border-top-left-radius – angolo superiore
Leggi tutto
Background
Si può combinare diverse immagini di sfondo in un medesimo box. La proprietà è: background-image: url(img1), …, url(imgN); La prima
Leggi tutto
Definire i colori
Possiamo specificare un colore in diversi modi rgb – specifica i singoli valori di Red, Green e Blue. I valori
Leggi tutto
Contare gli elementi
Possiamo numerare automaticamente gli elementi di un documento HTML tramite questi comandi: counter-reset – crea una variabile contatore; counter-reset: capitoli;
Leggi tutto
Overflow dei contenuti e ombre
Grazie alla proprietà text-overflow definiamo il comportamento quando un testo non ha abbastanza spazio, i valori sono: clip – il
Leggi tutto