Scene.js is an Javascript Aniamtion Library. Make Your Homepage Dynamic.
$ npm install scenejs
<script src="//daybrush.github.io/scenejs/release/latest/scene.min.js"></script>
- react-scenejs: A React Component that can easily use scenejs
- ng-scene: A Angular Component that can easily use scenejs
- vue-scene: A Vue Component that can easily use scenejs
import Scene, {EASE_IN_OUT} from "scenejs";
const scene = new Scene({
".class": {
0: "left: 0px; top: 0px"
1: {
"left": "100px",
"top": "0px"
},
2: {
"left": "200px",
"top": "100px"
}
}
}, {
selector: true,
easing: EASE_IN_OUT,
}).play();
- EASE
- EASE_IN
- EASE_OUT
- EASE_IN_OUT
- STEP_START
- STEP_END
- bezier(x1, y1, x2, y2)
- steps(count, "start" | "end")
Internet Explorer | Chrome | FireFox | Safari | Opera |
---|---|---|---|---|
9+(polyfill 8+) | latest | latest | latest | latest |