How to use the react-pose.canvas function in react-pose

To help you get started, we’ve selected a few react-pose examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github drgx / react-thanos-snap / src / components / Dust.js View on Github external
import React from 'react';
import posed from 'react-pose';

const DustCanvas = posed.canvas({
  visible: {
    opacity: 1,
    transition: { duration: 2000 },
    filter: `blur(0)`,
    y: 0,
    x: 0,
    rotate: 0,
  },
  hidden: {
    opacity: 0,
    y: (props) => props.y,
    x: (props) => props.x,
    rotate: (props) => props.rotate,
    transition: { duration: 2000 },
    filter: `blur(2px)`,
  },