关于CSS的一些效果实现(持续更新)
1.高斯模糊。
(1).创建一个div,并且给div加上id。
随后在开头设置div的属性。
(css部分可以编辑
这时,可以尝试一下是否已经有高斯模糊了(有错误请回复指出)
1.高斯模糊。
(1).创建一个div,并且给div加上id。
<div id="box">
<p>This is a paragraph.</p>
</div>随后在开头设置div的属性。
<style>
#box {
height: 100px; <!-- div的高度 -->
width: 400px; <!-- div的宽度 -->
{
#box::before { <!-- div的后期 -->
position: absolute;
top:0;right:0;bottom:0;left:0; <!-- 位置 -->
filter: blur(3px); <!-- 模糊滤镜 -->
margin:-21px; <!-- 边距 -->
opacity: .8; <!-- 不透明度 -->
}
(css部分可以编辑
这时,可以尝试一下是否已经有高斯模糊了(有错误请回复指出)
最后编辑: