【问题标题】:glass effect with linear-gradient具有线性渐变的玻璃效果
【发布时间】:2026-02-03 19:50:01
【问题描述】:

我正在寻找像 中的线性渐变的玻璃效果。我尝试了几种效果,最相似的一种是:

background: linear-gradient(#1f87ab, #004961 50%, #004961 90%);

我也看过:

Creating a Two-Color Sharp Gradient on Text With CSS3

Horizontal sharp background gradient with specific length of first color

但他们没有帮助

【问题讨论】:

  • 你能详细介绍一下玻璃效果部分吗?
  • 就像werc.com中的按钮一样,但不是曲线,而是直线。

标签: html css linear-gradients


【解决方案1】:

我解决了

linear-gradient(#2396bf, #0d5b77 40%, #004961 3%, #004961);

它甚至看起来更好一点

【讨论】: