element背景模糊样式

突然发现element plus的顶部的背景模糊效果,还挺好看的,看了一下F12 是这三个属性实现的

1
2
3
4
5
{
background-image: radial-gradient(transparent 1px, #ffffff 1px);
background-size: 4px 4px;
backdrop-filter: saturate(50%) blur(4px);
}

element背景模糊样式
http://samkallon.top/blog/2024/03/20/element背景模糊样式/
作者
samkallon
发布于
2024年3月20日
许可协议