scrollReveal.js- loading animation

Animation effects to load the page

1. html page document introduced scrollReveal.js

2. Add attribute data-scroll-reveal animation effect needs to be loaded tab or other div


3. <div data-scroll-reveal = "enter left and move 50px over 1.33s">
SUMMARY animation
</ div>

Js region 4. Then add the following code:

```javascript
window.scrollReveal = new scrollReveal({reset: true});
```

5. data-scroll-reveal properties

- enter

Description: Animation Start direction
value: top | right | bottom | left

- move

Description: Animation perform distance
value: number to px units

- over

Description: Animation duration
value: a number, in seconds

- after/wait

Description: The animation delay time

Found: figures, in seconds

 

Guess you like

Origin www.cnblogs.com/chenlulu1122/p/11888951.html