Crear mi primera campaña
Glosario · Animación

Dibujado de trazo

Animación en la que una línea se dibuja poco a poco de un extremo al otro, o se borra de la misma forma.

En detalle

El dibujado de trazo hace que un contorno aparezca como si alguien lo trazara a mano: subrayados que se escriben, flechas que se dirigen al botón, marcos que se cierran alrededor del precio. Funciona mostrando solo un tramo del contorno y haciéndolo crecer (o encogerse) durante el movimiento.

BannerMotion lo ofrece como «Dibujar trazo» (la línea aparece) y «Borrar trazo» (la línea desaparece), en dirección normal o inversa. Se aplica sobre trazos SVG; no hay bucles infinitos, y como el navegador repinta la forma mientras se anima, conviene usarlo en pocos elementos y de duración corta.

Ejemplo

Un subrayado bajo «Oferta» que se dibuja de izquierda a derecha en medio segundo.

Términos relacionados

Trazo SVG (stroke)KeyframeEasingAnimación de color

Dónde aparece

[Este término todavía no aparece en ninguna guía.]

Volver al glosario

Pon los términos en práctica.

Pruébalo con una campaña real.

Crear mi primera campañaVer precios