motus - 滚动时模仿CSS关键帧(keyframes)的动画库
motus - 滚动时模仿CSS关键帧(keyframes)的动画库
JavaScript 动画效果
共457Star
详细介绍
Why Motus ?
Motus allows developers to create beatuful animations that simulate css keyframes and are applied when the user scrolls.
Features
- Node & Browser Support
- Simple and intuitive api
- Scroll hooks
- Both vertical and horizontal scrolling
Getting started
Check out the Quick Start documentation to get started.
Usage
let newAnimation = new Motus.Animation({
$el: document.getElementById('element'),
keyframes: [
{width: 100},
{width: 300}
]
});
Motus.addAnimation(newAnimation);
Contributing
- Fork it
- Create your feature branch
- Do something awesome
- Commit what you have done
git commit -am 'Some changes'
- Push to the branch
git push origin my-new-feature
- Submit a pull request
For further information about the project please see the development section from the documentation.
Credits
Motus is created and maintained by Alexandru Cambose (alexcambose)
I'm open to suggestions. Feel free to message me or open an issue. Pull requests are also welcome!
License
Motus is made available under the MIT License.
-
256 Star
-
0 Star
-
0 Star
-
1446 Star
-
0 Star
-
0 Star
-
13871 Star
-
6 Star
-
0 Star
-
733 Star