Michael71

CSS3 filters support

Recommended Posts

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!

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Recently Browsing   0 members

    No registered users viewing this page.