Crea la mia prima campagna
Glossario · Animazione

Disegno del tratto

Animazione in cui una linea si disegna poco a poco da un estremo all’altro, oppure si cancella allo stesso modo.

In dettaglio

Il disegno del tratto fa comparire un contorno come se qualcuno lo tracciasse a mano: sottolineature che si scrivono, frecce che puntano al pulsante, cornici che si chiudono attorno al prezzo. Funziona mostrando solo un tratto del contorno e facendolo crescere (o restringere) durante il movimento.

BannerMotion lo offre come «Disegna tratto» (la linea compare) e «Cancella tratto» (la linea scompare), in direzione normale o inversa. Si applica ai tratti SVG; non ci sono cicli infiniti e, poiché il browser ridisegna la forma durante l’animazione, conviene usarlo su pochi elementi e con durate brevi.

Esempio

Una sottolineatura sotto «Offerta» che si disegna da sinistra a destra in mezzo secondo.

Termini correlati

Tratto SVG (stroke)KeyframeEasingAnimazione del colore

Dove compare

[Questo termine non compare ancora in nessuna guida.]

Torna al glossario

Metti i termini in pratica.

Provalo con una campagna reale.

Crea la mia prima campagnaVedi i prezzi