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

Question

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

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