Start sharing components as a team!Share components as a team!Join Bit to build your applications faster.Get Started Free

fade-out-left

v1.0.0arrow_drop_down
v1.0.0
STATUS
Passing
DOWNLOADS
22
LICENSE
MIT
VISIBILITY
Public
PUBLISHED
2 years ago
SIZE
877 B
1 contributor
Install fade-out-left as a package?
Copied
npm i @bit/formidablelabs.react-animations.fade-out-left
Set Bit as a scoped registryLearn more
npm config set '@bit:registry' https://node.bit.dev
fade-out-left.js
15 Lines(12 sloc)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
// @flow
import { translate3d } from './utils';
import type { Animation } from './types';

const fadeOutLeft: Animation = {
  from: {
    opacity: 1
  },
  to: {
    opacity: 0,
    transform: translate3d('-100%', 0, 0)
  }
};

export default fadeOutLeft;