/ Animations

JavaScript & CSS timeline-based animation library

JavaScript & CSS timeline-based animation library

Scene.js

Scene.js is an JavaScript & CSS timeline-based animation library.









⚙️ Installation

$ npm install scenejs
<script src="//daybrush.com/scenejs/release/latest/dist/scene.min.js"></script>

🎬 Make scene

import Scene from "scenejs";

const scene = new Scene({
  ".class": {
    0: "left: 0px; top: 0px; transform: translate(0px);",
    1: {
      "left": "100px",
      "top": "0px",
      transform: "translate(50px)",
    },
    2: {
      "left": "200px",
      "top": "100px",
      transform: {
        translate: "100px",
      },
    }
  }
}, {
  selector: true,
  easing: "ease-in-out",
}).play();

✨ Effects

Supported Browsers

Internet Explorer Chrome FireFox Safari Opera
9+(10+ playCSS) latest latest latest latest

⭐️ Show Your Support

Please give a ⭐️ if this project helped you!

GitHub