Skip to content

Releases: daybrush/scenejs-effects

1.0.0 Release (2019-06-19)

18 Jun 16:52
Compare
Choose a tag to compare

🎬✨ Effect collection library where you can add effects with Scene.js

⚙ ️Installation

$ npm install @scenejs/effects

✨ Effects

CodePen Collection

  • kineticFrame: Create a frame that moves the origin in the opposite direction as it moves through the transform. (CodePen)

                        

  • typing: Make a typing effect that is typed one character at a time like a typewriter. (CodePen)

  • keyframer: Make the CSS Keyframes Playable Animator(SceneItem). (CodePen)

<style>
@keyframes keyframes {
    0%, 7.69% {
      border-width:35px;
      transform: translate(-50%, -50%) scale(0);
    }
    84.61% {
      border-width: 0px;
      transform: translate(-50%, -50%) scale(1);
    }
    100% {
      border-width: 0px;
      transform: translate(-50%, -50%) scale(1);
    }
}
</style>
import { keyframer } from "@scenejs/effects";

keyframer("keyframes", {
    duration: 1,
    iterationCount: "infinite",
    selector: ".rect",
}).play();

0.2.0 Release (2019-06-17)

16 Jun 18:55
Compare
Choose a tag to compare

Features

  • Add typing effect that is typed one character at a time like a typewriter.

Fix

  • Fix README

0.0.6 Release (2019-05-30)

29 May 16:53
Compare
Choose a tag to compare

Fix

  • Update scenejs