PostCSS Will Change
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
.
.foo {
will-change: transform;
}
.foo {
backface-visibility: hidden;
will-change: transform;
}
Usage
postcss([ require('postcss-will-change') ])
See PostCSS docs for examples for your environment.