Esercizi sugli effetti, i filtri e le animazioni
Esercizio 1
In questo esercizio il nostro quadratino dovrà diventare gradualmente rosso quando l'utente e on hover con il mouse
Esercizio 2
Cliccando, il nostro quadratino diventerà gradualmente un enorme rettangolo
Esercizio 3
Il nostro quadratino si trasforma. On hover diventerà gradualmente un cerchio
Esercizio 4
Il nostro povero quadratino ora scomparirà gradualmente
Esercizio 5
Il nostro quadratino diventerà un pochino più grande on hover, e più piccolo on click
Esercizio 6
L'immagine on hover diventerà bianco e nero
Esercizio 7
Come sopra, aggiungiamo un effetto (anzi due :-P) all'immagine, ma questa volta cambierà gradualmente
Esercizio 8
Osiamo: due effetti e bordi arrotondati
Esercizio 9
Osiamo di più: due effetti, bordi arrotondati e scaliamo l'immagine
Esercizio 10
Come un caricamento: L'icona gira e gira ancora. Il primo che usa fa-spin ha perso.
Esercizio 11
Simile all'icona sopra. On hover questa volta gira in senso orario fino ad arrivare a 3/4 e poi torna indietro velocemente