一、PS 图片高斯模糊
1、打开 ps,将图片导入。
2、菜单栏选择滤镜-模糊-高斯模糊
3、将半径修改即可,值越大越模糊。
二、CSS 调整图片高斯模糊
<img src="https://m1.shanhelinks.com/static/img/mpbackground/bgshexiang.jpg">
<div class="backgr-text">
<h1>Hello World</h1>
<h2>Blurred Background Image</h2>
</div>
<style>
img {
width: 100%;
height: 2048px;
-webkit-filter: blur(4px);
filter: blur(15px);
margin-top: 20px;
}
h1 {
color:red;
}
.backgr-text {
position: absolute;
top: 20%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
}
</style>
filter: blur(15px):blur 中的值越高越模糊
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于