CSS Filters not supported

[iest]

e.g.

$('#thing').transition({
    '-webkit-filter': 'blur(4px)',
    '-moz-filter': 'blur(4px)',
    '-ms-filter': 'blur(4px)',
    '-o-filter': 'blur(4px)',
    'filter': 'blur(4px)'
    }, 400, 'in-out', function(){...

It'll work, but it won't transition. I tried both blur(0px) as well as none.

Great work by the way! Love the plugin.

[rstacruz]

Thanks! I'd like to see this work in plain CSS first though.

[rstacruz]

Oh here it is in plain CSS: http://www.tangledindesign.com/blog/demos/css3-filters/basic-css3-filters/

[keithguerin]

Would really like this feature.

[andydust]

+1

[rstacruz]

Hm, I'd consider this to be outside the scope of Transit (a .css("filter") prefixer/polyfill is pretty self-contained and is useful outside Transit), but fine—people rely on Transit for their fancy transition needs that it may be a good idea to make it as useful as possible.

[rstacruz]

Merged, by the way, try it out!

[keithguerin]

Thanks Rico, this is great!