Functional CSS transition module with sensible defaults for good UX
npm install transition.css --save
yarn add transition.css
@import './node_modules/transition.css/transition';
@import './node_modules/property.css/property';
@import './node_modules/property.css/ease';
<figure class="Example transition transition-opacity">
Example
</figure>
.Example {
opacity: 0;
}
.Example-active {
opacity: 1;
}
- Uses optimal transition duration based on research
- Easing defaults to
ease