Maak mijn eerste campagne
Woordenlijst · Animatie

Lijn tekenen

Animatie waarin een lijn stap voor stap van het ene einde naar het andere wordt getekend, of op dezelfde manier wordt gewist.

In detail

Lijn tekenen laat een omtrek verschijnen alsof iemand hem met de hand tekent: onderstrepingen die geschreven worden, pijlen die naar de knop wijzen, kaders die zich om de prijs sluiten. Het werkt door alleen een stuk van de omtrek te tonen en dat te laten groeien (of krimpen) tijdens de beweging.

BannerMotion biedt “Lijn tekenen” (de lijn verschijnt) en “Lijn wissen” (de lijn verdwijnt), in normale of omgekeerde richting. Het past op SVG-lijnen toe; er zijn geen oneindige lussen, en omdat de browser de vorm tijdens de animatie opnieuw tekent, gebruik je het best op weinig elementen en met een korte duur.

Voorbeeld

Een onderstreping onder “Aanbieding” die in een halve seconde van links naar rechts wordt getekend.

Gerelateerde termen

SVG-lijn (stroke)KeyframeEasingKleuranimatie

Waar het voorkomt

[Deze term komt nog in geen enkele gids voor.]

Terug naar de woordenlijst

Zet de termen in de praktijk.

Probeer het met een echte campagne.

Maak mijn eerste campagneBekijk de prijzen