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.

These hacks are required for browsers that do not support will-change.

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

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

Usage

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

See PostCSS docs for examples for your environment.