如何仅在CSS中模糊背景图像

如何仅在CSS中模糊背景图像,第1张

如何仅在CSS中模糊背景图像

如果您要应用模糊处理,

<html>
那么它将模糊您的网页

而不是要添加背景

<html>
,您需要创建另一个
<div>
<body>
同尺寸该网页,并添加模糊处理它。

body {  font-family: "Arial";  color: #fff;}.page-bg {  background: url('http://www.planwallpaper.com/static/images/general-night-golden-gate-bridge-hd-wallpapers-golden-gate-bridge-wallpaper.jpg');  -webkit-filter: blur(5px);  -moz-filter: blur(5px);  -o-filter: blur(5px);  -ms-filter: blur(5px);  filter: blur(5px);  position: fixed;  width: 100%;  height: 100%;  top: 0;  left: 0;  z-index: -1;}<h1>This is a title</h1><div ></div>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/5567092.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-12-14
下一篇 2022-12-14

发表评论

登录后才能评论

评论列表(0条)

保存