CSS - Animazione
Animazione
Animation è il processo di creazione di effetti di movimento e modifica dell'aspetto.CSS supporta diversi effetti di animazione per modificare il movimento dell'evento.
Di seguito sono elencati tutti gli effetti che puoi utilizzare in CSS:
Sr.No. | Metodo e descrizione |
---|---|
1 | Rimbalzo L'effetto Bounce Animation viene utilizzato per spostare rapidamente l'elemento su, indietro o lontano da una superficie dopo averlo colpito. |
2 | Rimbalzare L'effetto Bounce Animation viene utilizzato per spostare rapidamente l'elemento su, indietro o lontano da una superficie dopo averlo colpito. |
3 | Rimbalza verso il basso L'effetto Bounce Animation viene utilizzato per spostare rapidamente l'elemento su, indietro o lontano da una superficie dopo averlo colpito. |
4 | Rimbalza a sinistra L'effetto Bounce Animation viene utilizzato per spostare rapidamente l'elemento su, indietro o lontano da una superficie dopo averlo colpito. |
5 | Rimbalzare a destra L'effetto Bounce Animation viene utilizzato per spostare rapidamente l'elemento su, indietro o lontano da una superficie dopo averlo colpito. |
6 | Rimbalzare L'effetto Bounce Animation viene utilizzato per spostare rapidamente l'elemento su, indietro o lontano da una superficie dopo averlo colpito. |
7 | Rimbalzare verso il basso L'effetto Bounce Animation viene utilizzato per spostare rapidamente l'elemento su, indietro o lontano da una superficie dopo averlo colpito. |
8 | Bounce Up L'effetto Bounce Animation viene utilizzato per spostare rapidamente l'elemento su, indietro o lontano da una superficie dopo averlo colpito |
9 | Rimbalza a sinistra L'effetto Bounce Animation viene utilizzato per spostare rapidamente l'elemento su, indietro o lontano da una superficie dopo averlo colpito. |
10 | Rimbalzare a destra L'effetto Bounce Animation viene utilizzato per spostare rapidamente l'elemento su, indietro o lontano da una superficie dopo averlo colpito |
11 | Rimbalzare L'effetto Bounce Animation viene utilizzato per spostare rapidamente l'elemento su, indietro o lontano da una superficie dopo averlo colpito. |
12 | Dissolvenza grande L'immagine arriva o fa entrare o uscire gradualmente dalla visuale o fondersi in un'altra inquadratura. |
13 | Dissolvenza in entrata L'immagine arriva o fa entrare o uscire gradualmente dalla visuale o fondersi in un'altra inquadratura. |
14 | Dissolvenza verso il basso L'immagine arriva o fa entrare o uscire gradualmente dalla visuale o fondersi in un'altra inquadratura. |
15 | Dissolvenza in apertura a sinistra L'immagine arriva o fa entrare o uscire gradualmente dalla visuale o fondersi in un'altra inquadratura. |
16 | Dissolvenza in apertura a sinistra grande L'immagine arriva o fa entrare o uscire gradualmente dalla visuale o fondersi in un'altra inquadratura. |
17 | Dissolvenza in entrata a destra L'immagine arriva o fa entrare o uscire gradualmente dalla visuale o fondersi in un'altra inquadratura. |
18 | Dissolvenza in apertura a destra L'immagine arriva o fa entrare o uscire gradualmente dalla visuale o fondersi in un'altra inquadratura. |
19 | Dissolvenza in alto L'immagine arriva o fa entrare o uscire gradualmente dalla visuale o fondersi in un'altra inquadratura. |
20 | Dissolvenza in su alla grande L'immagine arriva o fa entrare o uscire gradualmente dalla visuale o fondersi in un'altra inquadratura. |
21 | Dissolvenza L'immagine arriva o fa entrare o uscire gradualmente dalla visuale o fondersi in un'altra inquadratura. |
22 | Dissolvenza in uscita L'immagine arriva o fa entrare o uscire gradualmente dalla visuale o fondersi in un'altra inquadratura. |
23 | Dissolvenza in uscita a sinistra L'immagine arriva o fa entrare o uscire gradualmente dalla visuale o fondersi in un'altra inquadratura. |
24 | Dissolvenza in uscita a sinistra L'immagine arriva o fa entrare o uscire gradualmente dalla visuale o fondersi in un'altra inquadratura. |
25 | Dissolvenza in uscita a destra L'immagine arriva o fa entrare o uscire gradualmente dalla visuale o fondersi in un'altra inquadratura. |
26 | Dissolvenza in uscita alla grande L'immagine arriva o fa entrare o uscire gradualmente dalla visuale o fondersi in un'altra inquadratura. |
27 | Dissolvenza in uscita L'immagine arriva o fa entrare o uscire gradualmente dalla visuale o fondersi in un'altra inquadratura. |
28 | Dissolvenza in alto grande L'immagine arriva o fa entrare o uscire gradualmente dalla visuale o fondersi in un'altra inquadratura |
29 | Veloce Un improvviso breve lampo di luce brillante di un elemento. |
30 | Flip Un elemento può capovolgersi o far capovolgere con un movimento rapido e improvviso. |
31 | Capovolgi X Un elemento può capovolgersi o far capovolgere con un movimento rapido e improvviso. |
32 | Capovolgi Y Un elemento può capovolgersi o far capovolgere con un movimento rapido e improvviso. |
33 | Capovolgi X Un elemento può capovolgersi o far capovolgere con un movimento rapido e improvviso. |
34 | Apri Y Un elemento può capovolgersi o far capovolgere con un movimento rapido e improvviso. |
35 | Cerniera Un elemento può capovolgersi o far capovolgere con un movimento rapido e improvviso. |
36 | Velocità della luce in Fornirà la luce o l'illuminazione con velocità all'elemento. |
37 | Velocità della luce in uscita Fornirà la luce o l'illuminazione con velocità all'elemento. |
38 | Pulse Fornisce una singola vibrazione o brevi frese a un elemento. |
39 | Roll In Un elemento può muoversi in una particolare direzione ruotando più e più volte su un asse. |
40 | Srotolare Un elemento può muoversi in una particolare direzione ruotando più e più volte su un asse. |
41 | Ruota in basso a sinistra Un elemento può muoversi in una particolare direzione ruotando più e più volte su un asse. |
42 | Ruota dentro Un elemento può muoversi in una particolare direzione ruotando più e più volte su un asse. |
43 | Ruota in basso a destra Un elemento può muoversi in una particolare direzione ruotando più e più volte su un asse. |
44 | Oscillare Provvede a muovere un elemento oa far muovere instabile da un lato all'altro. |
45 | Ruota in alto a sinistra Prevede di muoversi o di far muovere in cerchio attorno ad un asse o centro. |
46 | Ruota in alto a destra Prevede di muoversi o di far muovere in cerchio attorno ad un asse o centro. |
47 | Winggle Prevede di muoversi o di far muovere su e giù o da un lato all'altro con piccoli movimenti rapidi. |
48 | Ruota fuori Prevede di muoversi o di far muovere in cerchio attorno ad un asse o centro. |
49 | Ruota in basso a sinistra Prevede di muoversi o di far muovere in cerchio attorno ad un asse o centro. |
50 | Ruota in basso a destra Prevede di muoversi o di far muovere in cerchio attorno ad un asse o centro. |
51 | Ruota in alto a sinistra Prevede di muoversi o di far muovere in cerchio attorno ad un asse o centro. |
52 | Ruota in alto a destra Prevede di muoversi o di far muovere in cerchio attorno ad un asse o centro. |
53 | Agita Prevede di spostare (un oggetto) su e giù o da un lato all'altro per un elemento. |
54 | Swing Fornisce movimento o causa di spostarsi avanti e indietro o da un lato all'altro mentre è sospeso o su un asse a un elemento. |
55 | Tada Prevede di spostare un elemento da un lato all'altro. |