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.