postcss-easings
Version:
PostCSS plugin to replace easing names to cubic-bezier()
38 lines (29 loc) • 892 B
Markdown
# PostCSS Easings
<img align="right" width="135" height="95"
title="Philosopher’s stone, logo of PostCSS"
src="https://postcss.org/logo-leftp.svg">
[PostCSS] plugin to replace easing name from [easings.net] to `cubic-bezier()`.
[easings.net]: http://easings.net/
[PostCSS]: https://github.com/postcss/postcss
```css
.snake {
transition: all 600ms ease-in-sine;
}
.camel {
transition: all 600ms easeInSine;
}
```
```css
.snake {
transition: all 600ms cubic-bezier(0.47, 0, 0.745, 0.715);
}
.camel {
transition: all 600ms cubic-bezier(0.47, 0, 0.745, 0.715);
}
```
<a href="https://evilmartians.com/?utm_source=postcss-easings">
<img src="https://evilmartians.com/badges/sponsored-by-evil-martians.svg"
alt="Sponsored by Evil Martians" width="236" height="54">
</a>
## Docs
Read full docs **[here](https://github.com/postcss/postcss-easings#readme)**.