Animar texto en desplazamiento | Trucos CSS

Cubrimos la idea de animar texto curvo no hace mucho cuando salió un artículo divertido del New York Times. Todo lo que hice fue echar un vistazo a cómo lo hicieron y extraer las partes relevantes a una demostración más aislada.

Esa demostración está aquí:

Ver la pluma
Selfie Crawl de Chris Coyier (@chriscoyier)
en CodePen.

@keyframers lo cubrió mucho mejor que yo e hizo este video. (En serio, es tan claro y conciso, es un gran reloj).

En particular, me gusta lo rápido y fácil que es crear, exportar, optimizar e integrar los códigos SVG reales en su demostración.

Su demostración final:

Ver la pluma
Tutorial de animación SVG textPath en Scroll | Keyssentials: Consejos de animación web por @keyframers por @keyframers (@keyframers)
en CodePen.

(Visited 1 times, 1 visits today)