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));