jQuery - 如何调整CSS滤镜（模糊）？ [英] jQuery - How to adjust CSS filter (blur)?

问题描述

没有多少运气与这一个。我有以下集合通过CSS在一个div（让我们称之为 div.test ）：

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);

如何通过 .css 函数使用jQuery。我想把它们都设置为0px。感谢您的帮助。

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.

推荐答案

尝试这样：

var filterVal = 'blur(0px)';
$('.test')
  .css('filter',filterVal)
  .css('webkitFilter',filterVal)
  .css('mozFilter',filterVal)
  .css('oFilter',filterVal)
  .css('msFilter',filterVal);

这篇关于jQuery - 如何调整CSS滤镜（模糊）？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！