transition.css

Functional CSS transition module with sensible defaults for good UX

install

npm install transition.css --save

yarn add transition.css

import

@import './node_modules/transition.css/transition';
@import './node_modules/property.css/property';
@import './node_modules/property.css/ease';

usage

<figure class="Example transition transition-opacity">
  Example
</figure>

.Example {
  opacity: 0;
}

.Example-active {
  opacity: 1;
}

UX

• Uses optimal transition duration based on research
• Easing defaults to ease