CSSanimazioni


Sintassi

  • transition: <property> <duration> <timing-function> <delay>;
  • @keyframes <identifier>
  • [ [ from | to | <percentage> ] [, from | to | <percentage> ]* block ]*

Parametri

Transizione
Parametro Dettagli
proprietà O la proprietà CSS per la transizione, o all , che specifica tutte le proprietà di transizione.
durata Tempo di transizione, in secondi o in millisecondi.
temporizzazione funzione Specifica una funzione per definire come vengono calcolati i valori intermedi per le proprietà. I valori comuni sono ease , linear e step-end . Controlla il cheat-sheet della funzione easing per saperne di più.
ritardo Quantità di tempo, in secondi o millisecondi, da attendere prima di riprodurre l'animazione.
@keyframes
[da | a | <percentage> ] È possibile specificare un tempo impostato con un valore percentuale o due valori percentuali, ad esempio 10%, 20% , per un periodo di tempo in cui sono impostati gli attributi dell'insieme di fotogrammi chiave.
block Qualsiasi quantità di attributi CSS per il fotogramma chiave.

animazioni Esempi correlati