UNPKG

postcss-easings

Version:

PostCSS plugin to replace easing names to cubic-bezier()

38 lines (29 loc) 892 B
# 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)**.