Il formato può aiutarti a costruire il tuo portfolio di gallerie GIF d'animazione
Le gallerie animate danno al tuo portfolio molto movimento e fascino.
Se sei un illustratore o un grafico, potresti provare a includere alcune GIF animate nel tuo portfolio per dargli più vita e vivacità.
Hai un portfolio per un sito web ma non ne hai ancora uno? Format offre una prova gratuita di 14 giorni per permetterti di creare un portfolio web bello e funzionale in un pomeriggio. Per iniziare, non hai nemmeno bisogno di inserire i dati della tua carta di credito. Ci sono oltre 70 design ottimizzati per i dispositivi mobili tra cui scegliere, così i visitatori possono godersi il tuo lavoro indipendentemente dal dispositivo che stanno usando, e tu puoi aggiungere modifiche per renderlo veramente tuo.
Cerchi altre idee di design per il tuo portfolio?
Dai un'occhiata ad alcuni dei portfolio preferiti di Format di illustratori, designer e fotografi di matrimonio famosi. Non sai da dove cominciare quando si tratta di creare il tuo portfolio?
Cicli alternati o eseguire l'animazione in direzione inversa
animation-direction Se un'animazione deve essere riprodotta in avanti, all'indietro o a cicli alternati è determinato da questo attributo.
I seguenti valori sono possibili per la proprietà animation-direction:
- l'animazione viene riprodotta nel suo formato originale (in avanti). Questa è l'impostazione predefinita - l'animazione è invertita (all'indietro) - l'animazione viene riprodotta prima in avanti, poi all'indietro. - L'animazione viene mostrata prima al contrario, poi in avanti. L'animazione sarà riprodotta al contrario (all'indietro) nell'esempio seguente:
Animazioni per l'atterraggio del rover Perseverance dalla missione Mars 2020 della NASA
Animazioni per l'atterraggio del rover Perseverance dalla missione Mars 2020 della NASA Quando il rover Perseverance della NASA atterra su Marte il 18 febbraio 2021, questa clip evidenzia eventi importanti durante l'ingresso, la discesa e l'atterraggio.Il 18 febbraio 2021, il rover Perseverance della NASA completa il suo viaggio verso Marte dopo circa 300 milioni di miglia (470 milioni di chilometri).
Per saperne di piùAnimazione della NASA per la raccolta di campioni per il rover Mars 2020 Quando il rover Mars 2020 della NASA toccherà il pianeta rosso il 18 febbraio 2021, cercherà indicazioni di vita microbica passata, determinando anche il clima e la geologia del pianeta.
La proprietà animation-iteration-count determina quante volte un'animazione deve essere riprodotta. Nell'esempio seguente, l'animazione sarà ripetuta tre volte fino alla fine:
Animazioni del Mars Helicopter Ingenuity della NASA Il Mars Helicopter Ingenuity, sviluppato dalla NASA, sarà il primo aereo a volare su un altro pianeta in modo controllato. Ingenuity, il Mars Helicopter della NASA, atterrerà su Marte il 18 febbraio 2021. Il suo obiettivo era quello di mostrare per la prima volta il volo a motore su un altro pianeta.
Le transizioni da una configurazione di stile CSS ad un'altra possono essere animate usando le animazioni CSS. Uno stile che descrive l'animazione CSS e una serie di fotogrammi chiave che indicano gli stati di inizio e fine dello stile dell'animazione, così come potenziali punti intermedi, costituiscono un'animazione.
Le animazioni CSS forniscono tre grandi vantaggi rispetto alle tradizionali tecniche di animazione basate su script:
Sono semplici da usare per animazioni semplici, e non c'è nemmeno bisogno di conoscere JavaScript per farle.