Generalmente uso las siguientes reglas cuando construyo animaciones web.
- Si es una animación simple o puedo hacerlo con bastante facilidad con CSS, lo hago. Las animaciones CSS me parecen muy fáciles de usar, bastante potentes y buenas para mantener javavscipt innecesario fuera de mi sitio. CSS generalmente puede cubrir una gran parte de mis necesidades de animación.
- Si la animación es más compleja, usaré JavaScript, pero generalmente terminaré usando una biblioteca específicamente diseñada para manejar animaciones. Algo como GSAP está muy optimizado para la animación y es bastante fácil de usar. Esto agrega una biblioteca adicional al proyecto, pero dependiendo de lo que estoy haciendo a menudo vale la pena.
- Si no necesito todo el poder de una biblioteca de animación dedicada y ya estoy usando un jQuery, podría quedarme con él para las animaciones. La distinción entre este y el punto anterior es la cantidad de animación que necesito hacer y qué tan fácil de mantener va a avanzar usando uno u otro.