231 字
1 分钟
把网站换成深色玻璃主题的全过程
给自己的网站换一套深色玻璃主题,是我最近做得最开心的一件事。这套视觉看起来复杂,拆开之后其实就三样东西。
深色底
先定一个接近黑色的背景色,让页面沉下来。深色背景不是简单的黑,而是带一点冷调的深灰,看久了眼睛不累。
毛玻璃卡片
卡片用半透明背景加 backdrop-filter: blur(),让背后的内容透出来一点。这个「一点」是关键——太透明会花,太实会闷。
主题色切换
把主题色做成一个可变的 CSS 变量,再用一个滑杆控制色相。这样访客自己就能把整站换成喜欢的颜色,个性又灵活。
三个小技巧,加起来就是一个完整的感觉。前端就是这样,把复杂拆成简单,再把简单组合成好看。
把网站换成深色玻璃主题的全过程
https://www.xiaolinshudian.cn/posts/dark-glass-theme/分享文章
生成精美分享图或复制链接,与更多人分享本文。
继续阅读
换条路线
从其他文章中稳定抽取
最后更新于 ,距今已过 22 天
部分内容可能已过时
