diff options
| author | littleblack111 <littleblack11111@gmail.com> | 2026-05-18 23:10:59 +0800 |
|---|---|---|
| committer | littleblack111 <littleblack11111@gmail.com> | 2026-05-18 23:41:44 +0800 |
| commit | fc87c009806dcc98867f6b58efe29b042aa01dee (patch) | |
| tree | 8f59b3f4a5b66e9dfef2d40c8d318e258a521228 /node_modules/postcss-easings/README.md | |
| parent | 3336b2356ee6152d9c6ae59bd9b87ccbc0958407 (diff) | |
node: updatemain
Diffstat (limited to 'node_modules/postcss-easings/README.md')
| -rw-r--r-- | node_modules/postcss-easings/README.md | 77 |
1 files changed, 0 insertions, 77 deletions
diff --git a/node_modules/postcss-easings/README.md b/node_modules/postcss-easings/README.md deleted file mode 100644 index 8263284a..00000000 --- a/node_modules/postcss-easings/README.md +++ /dev/null @@ -1,77 +0,0 @@ -# PostCSS Easings [![Build Status][ci-img]][ci] - -<img align="right" width="135" height="95" - title="Philosopher’s stone, logo of PostCSS" - src="http://postcss.github.io/postcss/logo-leftp.svg"> - -[PostCSS] plugin to replace easing name from [easings.net] to `cubic-bezier()`. - -```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); -} -``` - -[easings.net]: http://easings.net/ -[PostCSS]: https://github.com/postcss/postcss -[ci-img]: https://travis-ci.org/postcss/postcss-easings.svg -[ci]: https://travis-ci.org/postcss/postcss-easings - -## Usage - -Without options: - -```js -postcss([ require('postcss-easings') ]) -``` - -With options: - -```js -postcss([ - require('postcss-easings')({ - easings: { easeJump: 'cubic-bezier(.86,0,.69,1.57)' } - }) -]) -``` - -See [PostCSS] docs for examples for your environment. - -Also you can get all build-in easings: - -```js -require('postcss-easings').easings; -``` - -## Options - -### `easings` - -Allow to set custom easings: - -```js -require('postcss-easings')({ - easings: { easeJump: 'cubic-bezier(.86,0,.69,1.57)' } -}) -``` - -Plugin will convert custom easing name between camelCase and snake-case. -So example below adds `easeJump` and `ease-jump` easings. - -Custom easing name must start from `ease` and contain only letters and `-`. - -You can create custom easing on [cubic-bezier.com]. - -[cubic-bezier.com]: http://cubic-bezier.com/ |
