具有巨大内联样式的网站

Question

最近，我注意到很多网站都有很酷的动画效果，但是当我试图深入挖掘时，我注意到元素上有很多内嵌样式。是因为他们使用一些js插件来制作这些动画吗？

示例网站： https://la24.org/vision/3

如果有人可以探索并提供一些提示，我将不胜感激。

感谢

Answer 1

这是通常的JS动画。

JS无法访问您的css文件（您无法使用它修改远程存储的文件）。 但是JS确实可以访问DOM，所以为了动态更改css，我们在内部元素中编写内联样式的新样式（内联在CSS中也有更多的权重）。它完全没问题，没有任何问题。

下面有关CSS vs JS动画的更多阅读：

https://davidwalsh.name/css-js-animation

是的，现在大多数网站都使用像GSAP这样的库来提供丰富的API和时间轴来控制动画。