CSS3 filters support

[Michael71 59 Likes (Contributor)]

Hello,

 

I'm playing around the new awesome css3 additions to the TweenMax/Lite library and I was wondering if it supports filters like blur, brightness, saturation etc...

I have tried to declare them but there seems to be no effect happening.

 

In css we would declare them like this:

filter: blur(5px);
// Browser Specific
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);

 

So I tried this:

TweenMax.to(myObj,0.5,{CSS:{blur:'5px'}});

 

Is it something that will get implemented along the way or am I missing something in the declaration?

 

Thanks and keep up the good work!

[GreenSock 8,117 Likes (Superhero)]

No, filters aren't supported yet because there isn't widespread browser support for them. Once the browsers start offering solid support, we'll very likely add them. It sure would be nice to be able to have those kinds of effects.

[Michael71 59 Likes (Contributor)]

I agree photo-manupulation is certainly a powerful tool to have. Thanks for the quick reply!

[kaotix 1 Likes (Newbie)]

If you need that kind of control, I would highly recommend the the Pixastic js library. I've used the saturation filter with great success including old versions of internet explorer.

[Michael71 59 Likes (Contributor)]

Thanks for the suggestion I'll check it out, filters offer many possibilities indeed.