css实现毛玻璃背景,渐变字

技术 · 2023-07-10
css实现毛玻璃背景,渐变字

毛玻璃背景:

backdrop-filter: blur(1.25rem);
background: hsla(0,0%,100%,.86);

效果如下图:
毛玻璃背景.png

渐变字:

background: linear-gradient(100.07deg,#2d61fc .83%,#9362ed 34.35%,#f06195 73.39%,#fca1ad 102.87%);
-webkit-background-clip: text;
color: transparent;

效果如下图:
渐变字.png

css
Theme Jasmine by Kent Liao