Ponte en movimiento (o no) con CSS Motion Path

Acabamos de vincular la idea que offset-pathse puede utilizar inteligentemente para escribir texto en un camino. No te pierdas tampoco la experimentación de Michelle Barker, dibujando trazados o animando texto a lo largo de un trazado.

Dan Wilson también ha estado siguiendo esta tecnología durante bastante tiempo y señala el motivo del arrepentimiento aumento de interés en esto:

Con el lanzamiento de Firefox 72 el 7 de enero de 2020, CSS Motion Path ahora está en Firefox, el nuevo Edge (programado para una versión estable el 15 de enero de 2020), Chrome y Opera (y otros navegadores basados ​​en Blink ). Eso significa que cada uno de estos navegadores admite una base común de offset-path: path(), offset-distancey offset-rotate.

La publicación de Dan hace un gran trabajo al cubrir los conceptos básicos, incluyendo algunas cosas que quizás no se te ocurran, como el hecho de que el camino en sí se puede animar.

Enlace directo →