アニメーションをCSSでやるかJavaScriptでやるか

指定したセレクタのアニメーションはCSSだけでよいが、
指定したセレクタをキーにして別のセレクタをアニメーションするときは
JavaScriptを使う (子要素をhoverしてアニメーションすることは可能)

なお、JavaScriptのアニメーションはCPUを使うが、
CSSのアニメーションはGPUアクセラレーターを使う。

なので、極力CSSを使ってアニメーションしたほうがいいでしょう。