css - 我们可以像 photoshop 中的渐变工具那样在 CSS 背景中混合两种颜色吗

Question

我在 photoshop 中创建了一个背景，它很棒，但是当我打开网站时，背景需要时间来加载，所以我想问一下是否有一种方法可以在 CSS 背景中混合两种颜色，就像 photoshop 中的渐变工具一样？

Answer 1

您可以将 css 背景设置为渐变并产生与 photoshop 中类似的效果

渐变示例

background-image: -webkit-linear-gradient(to bottom right, red, rgba(255,0,0,0));
background-image: -ms-linear-gradient(to bottom right, red, rgba(255,0,0,0));
background-image: -o-linear-gradient(to bottom right, red, rgba(255,0,0,0));
background-image: -moz-linear-gradient(to bottom right, red, rgba(255,0,0,0));