00:00
按钮wabi.ai

玻璃按钮

一个非常酷的玻璃按钮

Rene Wang·

如何创建这个

这全是关于层次和模糊。

  1. 背景模糊: backdrop-filter: blur(20px)
  2. 透明度: background: rgba(255, 255, 255, 0.1)
  3. 边框: 一条细的半透明边框来定义边缘。
  4. 阴影: 一个柔和的投影来提升它的效果。

将这些结合起来,创建一个感觉像磨砂玻璃的表面。

继续探索