https://github.com/tpkn/css-animation-control
Play or pause all css animation by pressing one button
https://github.com/tpkn/css-animation-control
Last synced: 3 months ago
JSON representation
Play or pause all css animation by pressing one button
- Host: GitHub
- URL: https://github.com/tpkn/css-animation-control
- Owner: tpkn
- License: mit
- Created: 2017-02-25T14:54:36.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2017-11-19T10:31:09.000Z (over 7 years ago)
- Last Synced: 2025-01-14T08:12:54.137Z (4 months ago)
- Language: JavaScript
- Size: 411 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Css Animation Control
Play or pause all css animation by pressing one button
## Usage
```javascript
var ac = new CssAnimationControl(document.getElementById('container'), 14.7);
```
Default control button is `SPACEBAR`
Direct access to main methods:
```javascript
ac.play();
ac.pause();
ac.toggle();
```
## Customisations
You could change timeline bar style like you do it in css:
```css
bottom:0; height:5px; background-color:#ff0000
```
## PS
Works great to me since 2014 but today we have Firefox 52 that could do pretty much the same and a bit more...