Autoprefixer: `filter` property is not prefixed when inside `transition`

Created on 5 Apr 2016  路  4Comments  路  Source: postcss/autoprefixer

Currently, Autoprefixer transforms this:

transition: 1s filter linear;

into this:

-webkit-transition: 1s filter linear;
transition: 1s filter linear;

However, the Chromium browsers currently still require -webkit-filter (Can I use). Additionally, there seems to be a further complication (according to @zachleat on Twitter). The correct output could be this (not sure):

-webkit-transition: 1s -webkit-filter linear, 1s filter linear;
transition: 1s -webkit-filter linear, 1s filter linear;

Most helpful comment

Ah, I see. My bad :) The output seems to check out.

-webkit-transition: -webkit-filter 1s linear;
transition: -webkit-filter 1s linear;
transition: filter 1s linear;
transition: filter 1s linear, -webkit-filter 1s linear;

All 4 comments

Wrong transition syntax (as I know). Try: transition: filter 1s linear.

Ah, I see. My bad :) The output seems to check out.

-webkit-transition: -webkit-filter 1s linear;
transition: -webkit-filter 1s linear;
transition: filter 1s linear;
transition: filter 1s linear, -webkit-filter 1s linear;

Wow, look at that output! Impressively comprehensive.

Was this page helpful?
0 / 5 - 0 ratings