CSS transition atomic classes
npm install transition.css
npm install transition.css --save
`
`
yarn add transition.css
`
import
`scss
@import './node_modules/transition.css/transition';
@import './node_modules/property.css/property';
@import './node_modules/property.css/ease';
`
usage
`html
Example
`
`css
.Example {
opacity: 0;
}
.Example-active {
opacity: 1;
}
`
UX
- Uses optimal transition duration based on research
- Easing defaults to ease`