滚动动画可以为你的网站增添优雅的效果。一点动画修饰可以让你的网站看起来全面完整。使用JavaScript和CSS,可以使元素在向下滚动页面时淡出,滑动甚至旋转。
而且,你甚至不必自己编写所有代码!多亏了免费AOS库,美化你的网站就像添加脚本一样简单。只需使用CDN或安装J的程序包管理器avaScript和CSS文件,然后插入几行代码。然后,制作动画变得容易。
我们将向您展示如何设置AOS并为您提供一些实用的AOS实验示例。
设置AOS若使用CDN或者程序包管理器,它们将为您托管所有文件并正确安装,然后AOS将其安装到您的网站上是一个简单的过程。若不愿这样做,则需下载文件并自行设置。
使用包管理器,您所要做的就是在安装服务器的命令行/终端中输入代码。npm自动和N是一种流行的解决方案ode.js捆绑在一起。只需使用以下命令:
npminstall--saveaos@next
还有Bower,需要npm。尽管它已被遗弃,但它仍然可以被许多人维护和使用。如果已安装,请启动以下脚本:
bowerinstallaos--save
最后,还有Yarn,这是Bower流行替代品。这是您需要的代码:
yarnaddaos@next
假如你更喜欢CDN,这些脚本将安装您需要进入的文件和样式表。确保两者同时包含,否则将无法正常工作。
CSS脚本: