Does onclick animation affect SEO?

We want to build the website with mind-blowing animations, but SEO is also important for us and I am wondering about the SEO effects in the case of CSS and JS animations.

Let’s say we want to build the page with Gatsby.js or Next.js and add animations in Three.js. We know that the page needs to be loaded very fast, so we don’t want to use animations on init. But let’s say we want to have a switch button on the top of the website that will trigger the Three.js and CSS animations. Does it affect SEO?

Another example we will have a static website with no animations and a second website with the same content but with a lot of animations and no index tag (flexing purpose). So when the user will visit our website he will be able to see the link (no-follow) to the website on the subdomain with animations.

Any ideas on how to figure it out?