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-will-change/README.md | |
| parent | 3336b2356ee6152d9c6ae59bd9b87ccbc0958407 (diff) | |
node: updatemain
Diffstat (limited to 'node_modules/postcss-will-change/README.md')
| -rw-r--r-- | node_modules/postcss-will-change/README.md | 69 |
1 files changed, 0 insertions, 69 deletions
diff --git a/node_modules/postcss-will-change/README.md b/node_modules/postcss-will-change/README.md deleted file mode 100644 index 515f9a55..00000000 --- a/node_modules/postcss-will-change/README.md +++ /dev/null @@ -1,69 +0,0 @@ -# PostCSS Will Change - -<img align="right" width="135" height="95" - title="Philosopher’s stone, logo of PostCSS" - src="https://postcss.org/logo-leftp.svg"> - -[PostCSS] plugin to insert 3D hack before [will-change] property. - -This plugin uses `backface-visibility` to force the browser to create -a new layer, without overriding existing `backface-visibility` properties. -This 3D CSS hack is commonly done with `transform: translateZ(0)`, -but `backface-visibility` is used here to avoid overriding -the more popular `transform` property. - -These hacks are required for browsers that do not support `will-change`. - -Use this plugin only before [Autoprefixer]. It will add vendor prefixes -to `backface-visibility`. - -[Autoprefixer]: https://github.com/postcss/autoprefixer -[will-change]: https://dev.opera.com/articles/css-will-change-property/ -[PostCSS]: https://github.com/postcss/postcss - -```css -.foo { - will-change: transform; -} -``` - -```css -.foo { - backface-visibility: hidden; - will-change: transform; -} -``` - -<a href="https://evilmartians.com/?utm_source=postcss-will-change"> - <img src="https://evilmartians.com/badges/sponsored-by-evil-martians.svg" - alt="Sponsored by Evil Martians" width="236" height="54"> -</a> - - -## Usage - -**Step 1:** Install plugin: - -```sh -npm install --save-dev postcss postcss-will-change -``` - -**Step 2:** Check you project for existed PostCSS config: `postcss.config.js` -in the project root, `"postcss"` section in `package.json` -or `postcss` in bundle config. - -If you do not use PostCSS, add it according to [official docs] -and set this plugin in settings. - -**Step 3:** Add the plugin to plugins list: - -```diff -module.exports = { - plugins: [ -+ require('postcss-will-change'), - require('autoprefixer') - ] -} -``` - -[official docs]: https://github.com/postcss/postcss#usage |
