【问题标题】:Glowing blur in cssCSS中的发光模糊
【发布时间】:2014-12-30 13:17:03
【问题描述】:

我们如何在 css 中添加黑色模糊效果?我在div 中有一段文字和一张背景图片。我只想模糊文本背景。

图片

我只想在米奇和米妮后面添加模糊效果。
这是代码: http://jsfiddle.net/s5jyoo73/

可能重复:How can I make a CSS glass/blur effect work for an overlay?

【问题讨论】:

  • 但是您如何在黑色背景上看到黑色模糊?或者你想摆脱黑色背景颜色?例如:jsfiddle.net/s5jyoo73/1
  • 这可能对SO how to apply blur....有帮助
  • 您能否提供所需输出的示例?
  • 我只希望文本部分背景模糊。上述部分必须保持完整。这就是我制作不同容器的目的。
  • 你的小提琴没有给我显示图片

标签: html css blur


【解决方案1】:

您可以使用 CSS3 文本阴影。

text-shadow: 0 0 10px #000000; 应用到<h1> 并更改<header> 的背景颜色以查看更改

【讨论】:

    【解决方案2】:

    尝试添加:

    h1 {
      font-family: sans-serif;
      -webkit-filter: blur(3px); 
      -moz-filter: blur(3px); 
      -o-filter: blur(3px); 
      -ms-filter: blur(3px); 
       filter: blur(3px);
    }
    

    【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2014-11-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-10-07
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多