Question

16

jQuery - How to adjust CSS filter (blur)?

rated 0 times [ 17] [ 1] / answers: 1 / hits: 33358 / 11 Years ago, mon, may 27, 2013, 12:00:00

Haven't had much luck with this one. I have the following set via CSS on a div (let's call it div.test):

filter: blur(2px);

-webkit-filter: blur(2px);

-moz-filter: blur(2px);

-o-filter: blur(2px);

-ms-filter: blur(2px);

How can I adjust this via the .css function using jQuery. I'd like to set each of them to 0px. Thanks in advance for the help.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

kevonmoisesf

Add To Favorites

Follow

Total Points: 693

Total Questions: 101

Total Answers: 128

Location: Reunion

Member since Mon, Dec 28, 2020

3 Years ago

kevonmoisesf questions

1 Bootstrap 5 update Tooltip Title with Javascript

Sat, Jan 23, 21, 00:00, 3 Years ago

1 How to wait for reaction and only then send message [discord.js]

Thu, Aug 13, 20, 00:00, 4 Years ago

1 How do you display content of a .JSON file using Discord.js?

Tue, Feb 18, 20, 00:00, 4 Years ago

1 Flatpickr : set default date only if date value is null/empty

Tue, Nov 5, 19, 00:00, 5 Years ago

1 VueJs object key/value is not reactive in v-for loop

Wed, Jun 12, 19, 00:00, 5 Years ago

View All

answered 11 Years ago monica · Accepted Answer

Try something like this:

var filterVal = 'blur(0px)';

$('.test')

  .css('filter',filterVal)

  .css('webkitFilter',filterVal)

  .css('mozFilter',filterVal)

  .css('oFilter',filterVal)

  .css('msFilter',filterVal);