当前位置: 首页 > 面试题库 >

使用CSS在HTML中模糊Img和Div

毛镜
2023-03-14
问题内容

是否可以将模糊应用于HTML元素(div和img)?

我只为iPad开发,所以跨浏览器兼容性不是问题,我可以使用HTML5 CSS3技术。

我知道如何模糊文本,但是此CSS不会模糊实际的HTML元素或其边框:

text-shadow: 0 0 8px #000;
color: transparent;

我用谷歌搜索,但是它不会模糊浏览器中的图像:

filter: blur(strength=50);

问题答案:

我今天看到了一个很酷的教程的模糊与CSS内容box-shadowS,text-shadowS,不透明度和颜色。



 类似资料:
  • 我将模糊过滤器应用于包装器div的背景图像。出于某种原因,模糊过滤器也应用于包装器div中的img元素。

  • 模糊可以柔化整个或部分图像中的细节。 左侧的原始图像未经过模糊处理。而对于右侧的图像来说,飞机后面的区域经过了模糊处理。

  • 问题内容: 我一直在尝试在IE 11中获得A CSS模糊效果几个小时,但没有取得任何进展。我尝试使用以下简单的html: 我也尝试仅使用不带ms前缀的过滤器。这不在Win7上的IE11中无法正常工作。您有什么想法,我可能做错了什么? 问题答案: filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=‘3’); 他们确实提供了一个称为St

  • 问题内容: 我希望网站上的弹出窗口具有 Vista/7航空玻璃风格的效果,并且它必须是动态的。我很好这不是一个跨浏览器的效果,只要该网站仍然 _适用_于所有现代浏览器。 我的第一次尝试是使用类似 但是,正如我应该预期的那样, 这导致 对话框的 内容 模糊并且背景保持清晰。 有什么方法可以使用CSS来模糊半透明元素的背景而不是其内容? 问题答案: 由于除FF以外,其他浏览器似乎未广泛支持该属性,因此

  • 本文向大家介绍使用css实现模糊的效果相关面试题,主要包含被问及使用css实现模糊的效果时的应答技巧和注意事项,需要的朋友参考一下

  • 了解如何在 Adobe XD 中巧妙地向对象中添加模糊蒙版,或者对整个对象进行模糊处理。 如何添加背景模糊效果? 通过以下方法,您可以向对象或者画板上的图像添加背景模糊效果,以便强调或不再强调对象的某些部分: 创建一个模糊蒙版,用于模糊下方的任何可见内容 向选定对象添加背景模糊效果,对整个对象进行模糊处理 当您向对象添加背景模糊效果时,这些更改是非破坏性的,您可以恢复已执行模糊处理的原始对象或图像