Skip to content
PostCSS plugin to add will-change property after transition declarations
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.gitignore
README.md
index.js
index.test.js
package.json

README.md

PostCSS will change transition

PostCSS plugin to generate will-change for transition props.

This plugin adds will-change property after transition property to speed up animations.

Can be combined with postcss-will-change plugin.

.foo {
    transition: opacity 0.2s ease, width 0.2s ease;
}
.foo {
    transition: opacity 0.2s ease, width 0.2s ease;
    will-change: opacity, width;
}

Important note

Make sure that if you use this plugin it does not contradict with will-change idea. Please see links below:

Usage

postcss([ require('postcss-will-change-transition') ])

// with fallback plugin:
postcss([ require('postcss-will-change-transition'), require('postcss-will-change')  ])

See PostCSS docs for examples for your environment.

You can’t perform that action at this time.