css - 将彩色图像png转换为彩色css渐变

Question

我想将此 PNG 图像转换为 CSS 渐变颜色。如果我有这个 PNG 文件，我该怎么做？

Answer 1

简单地使用渐变 CSS 规则？

#grad {
    background: linear-gradient(black, white); /* Standard syntax */
}

#grad2 {
  background: red; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(red, yellow, green); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(red, yellow, green); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(red, yellow, green); /* For Firefox 3.6 to 15 */
  background: linear-gradient(red, yellow, green); /* Standard syntax */
}

<div id="grad">
  <br><br>
</div>

<div id="grad2">
  <br><br>
</div>

一些阅读:CSS Gradients