# scrollReveal.js
**Repository Path**: mirrors_Jam3/scrollReveal.js
## Basic Information
- **Project Name**: scrollReveal.js
- **Description**: Easily reveal elements as they enter the viewport.
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-11-23
- **Last Updated**: 2026-03-22
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
#scrollReveal.js
[](http://scrollrevealjs.org) [](http://opensource.org/licenses/MIT)
### Easily reveal elements as they enter the viewport.
- Developed for modern browsers
- **3.2KB** minified and Gzipped
- An open-source project by [Julian Lloyd](https://twitter.com/jlmakes)
***
### [→ See Demo ←](http://scrollrevealjs.org/)
***
Installation
------------
Please use which ever is most comfortable:
- [Download ZIP](https://github.com/julianlloyd/scrollReveal.js/archive/master.zip)
- `git clone https://github.com/julianlloyd/scrollReveal.js.git`
- `bower install scrollReveal.js`
- `npm install scrollreveal`
Once you’ve got `scrollReveal.min.js` into your project’s JavaScript directory, let’s instantiate it!
```html
```
Basic Usage
-----------
How does it work? Just add `data-sr` to an element, and it will reveal (using default values) as it enters the viewport.
```html
Chips Ahoy!
```
Taking Control
--------------
To override default values, scrollReveal uses special **keyword** / **value** pairs (e.g. `move 50px`) allowing you to customize the animation style.
```html
Foo
Bar
Baz
Bun
```
***
### Recommended Next: [Keywords →](https://github.com/julianlloyd/scrollReveal.js/wiki/Keywords)