一言文字模糊背景
在blog-frontend\kuailemao-blog\src\styles\theme.scss
// 亮色模式下的主题色
:root {
...
// 一言文字背景
--brand-text: rgba(255, 255, 255, 0.3);
html.dark {
// 一言文字背景
--brand-text: rgba(255, 255, 255, 0.2);
}
blog-frontend\kuailemao-blog\src\views\Home\Brand\index.vue
.brand-text{
// 白色高斯模糊背景
background-color: var(--brand-text);
backdrop-filter: blur(4px);
padding: 0.5em;
border-radius: 0.5em;
}