Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/okikio/postcss-spring-easing. PostCSS plugin to add that bounce and boogie that only springs can bring
easings linear postcss postcss-plugin spring spring-easing
Something went wrong. Try again.
postcss-spring-easing repl.ts
608 B · 18 lines
TypeScript
at commit 23712df9
123456789101112131415161718import SpringEasing, { SpringFrame, SpringOutFrame, SpringInFrame } from "./src/index";import { interpolateColor } from "./tests/utils/interpolate-color";
// let [keyframes] = SpringEasing(["red", "black"], {// easing: "spring",// numPoints: 100,// decimal: 2// }, interpolateColor);
let [keyframes] = SpringEasing(["red", "blue", "#4f4", "rgb(0, 0, 0)"], { // Enforce a linear easing frame function // Not really necessary but it show what you can do if you really need other kinds of easings easing: [(t) => t], numPoints: 8, decimal: 2}, interpolateColor);
console.log(keyframes)