https://github.com/gilbox/kapi-scroll
rekapi-based angular directive for scroll-based animations
https://github.com/gilbox/kapi-scroll
Last synced: 10 months ago
JSON representation
rekapi-based angular directive for scroll-based animations
- Host: GitHub
- URL: https://github.com/gilbox/kapi-scroll
- Owner: gilbox
- License: mit
- Created: 2014-09-10T15:43:50.000Z (almost 12 years ago)
- Default Branch: master
- Last Pushed: 2014-10-04T06:34:40.000Z (almost 12 years ago)
- Last Synced: 2025-09-24T11:31:59.915Z (10 months ago)
- Language: JavaScript
- Size: 2.24 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
kapi-scroll
===========
rekapi-based angular directive for scroll-based animations
**DEPRECATION WARNING: All of the kapi-scroll features have been rolled into [`spark-scroll`](https://github.com/gilbox/spark-scroll). This project is abandoned**
Setup
=====
- Simple Setup: see **[this plunker](http://plnkr.co/edit/K47ghm?p=preview)**
- RequireJS Setup: see **[this plunker](http://plnkr.co/edit/2MELfz24JRu30dld7ce7?p=preview)**
Usage
=====
## Basic Example
```html
This Title is Kapimated
```
## Override element-wide easing at a specific keyframe
```html
This Title is Kapimated
```
The title will use `easeOutQuad` in all cases except for the scroll position range [`121`, `141`]
## Formulas
```html
This Title is Kapimated
```
Learn more about formulas at [spark-scroll](https://github.com/gilbox/spark-scroll)