🎬 ✨ Effect collection library where you can add effects with Scene.js.
Bot releases are hidden (Show)
🎬✨ Effect collection library where you can add effects with Scene.js
$ npm install @scenejs/effects
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();
flip: You can create a flip effect horizontally, vertically, or diagonally. (CodePen)
flipX: You can create an effect that flips vertically around the x-axis. (CodePen)
flipY: You can create an effect that flips horizontally around the y-axis. (CodePen)
transition: Switch the scene from item1
to item2
. (CodePen)
Published by daybrush over 5 years ago
Published by daybrush over 5 years ago