Post by @littlesheep

花了一点时间改了一下官网这个不是现在 Next.JS 的 Codebase，用的是上一版 Nuxt.JS 的

自己最中意的是这个顶栏，给一下核心 CSS，这个是新标准 mask-image 做到的，非常好看

.app-bar-blur {
  -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 40%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 0) 100%);
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 40%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 0) 100%);
  mask-repeat: no-repeat;
  mask-size: 100%;
}

当然，这个特别土的背景只有主页有，不然我也要受不了了。放这个还是因为太空了。