rework-ease, except without the rework dependency and it is intended to be used as CSS variables. For more information on easings, go to http://easings.net.
var easings = require('easings')
Replace all the var(<ease>)
variable references with the actual easing function.
Note that this is a really simple regexp-replace.
easings('transition: var(ease-in-back);')
// => 'transition: cubic-bezier(0.600, -0.280, 0.735, 0.045);'
Since this library uses the CSS Variables specifications,
easings.css
is simply the :root
object you would use to define all these easings.
Thus, you'll eventually be able to do just append easings.css
to your build and do var(ease-in-cubic)
.
This is also available as /index.css
.
@import 'https://nlz.io/github/reworkcss/easings/1/index.css';
body {
transition: all var(ease-in-back);
}
Map of <name>: <value>
for all the easings.