Animating a Hero title
Playing with animations with vue/headlessui.
Trying to create a Hero title that has a highlighted word that rotates and animates.
So it would go from "I am a bilingual person" to "I am a bad person" (ignore the words, just for the sake of the demo :P) and keep rotating.
Animating the word dropping in is easy enough. But what tools do I have at my disposal for the surrounding content "I am a" and "person" to shift with an animation when the inner element changes size?
Trying to create a Hero title that has a highlighted word that rotates and animates.
So it would go from "I am a bilingual person" to "I am a bad person" (ignore the words, just for the sake of the demo :P) and keep rotating.
Animating the word dropping in is easy enough. But what tools do I have at my disposal for the surrounding content "I am a" and "person" to shift with an animation when the inner element changes size?
