CSS "两行" 代码实现文字高斯模糊效果

文字高斯模糊

段落文字进行模糊处理,demo如下。

HTML:

<h3>我是示例文字</h3>

CSS:

h3{
  color: transparent;
  text-shadow: #111 0 0 5px;
}

在这里插入图片描述

body高斯模糊效果

什么?body也可以?

HTML:

<body>...</body>

CSS:

body{
    color: transparent;
    text-shadow: #111 0 0 5px;
}

在这里插入图片描述
一切元素皆可使用这两行代码进行模糊处理,非常简洁方便。

在这里插入图片描述

发布了237 篇原创文章 · 获赞 338 · 访问量 76万+

猜你喜欢

转载自blog.csdn.net/weixin_44198965/article/details/103110446