postcss/postcss-will-change

Name: postcss-will-change

Owner: PostCSS

Description: PostCSS plugin to insert 3D hack before will-change property

Created: 2015-02-19 21:46:02.0

Updated: 2018-02-11 18:25:35.0

Pushed: 2017-05-08 17:04:41.0

Homepage: null

Size: 60

Language: JavaScript

GitHub Committers

User	Most Recent Commit	# Commits

Other Committers

User	Email	Most Recent Commit	# Commits

README

PostCSS Will Change

<img align=“right” width=“95” height=“95”

 title="Philosopher?s stone, logo of PostCSS"
 src="http://postcss.github.io/postcss/logo.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.

 {
will-change: transform;

ss
 {
backface-visibility: hidden;
will-change: transform;

Usage

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

See PostCSS docs for examples for your environment.