Dynamically set css filters via javascript

Question

I'd like to apply this filter:

-webkit-filter: blur();

dynamically via JavaScript.

I looked everywhere online, and I couldn't find almost anything.

I would like to set the property dynamically through JavaScript via the DOM.

document.getElementById("element").style

How would I go about this?

VisioN · Accepted Answer · 2013-02-10 21:53:13Z

31

As simple as:

document.getElementById("element").style.webkitFilter = "blur(1px)";

answered Feb 10, 2013 at 21:53

VisioN

146k35 gold badges287 silver badges291 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

seanlevan Over a year ago

Thank you! :) Sorry, I was stupid... It's that easy! :P I was just assuming... you know, JavaScript is never easy? :-) Nevermind... Thanks for you help ! :)

Web_Designer Over a year ago

FYI: All normally-hyphenated properties are camelCasedLikeThis when accessed as a property of the style object.

seanlevan Over a year ago

Yes, I knew that! :) Sorry for the stupidity... should have known that the same rule applied... Thanks for the heads up. @Web_Designer

Collectives™ on Stack Overflow

Dynamically set css filters via javascript

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related