§ ITPOW >> 文档 >> CSS

作者：vkvi 来源：ITPOW（原创） 日期：2019-7-2

<style type="text/css"> .style1 { width:100px; height:100px; background:linear-gradient(to bottom, #f00, #00f); } .style2 { width:100px; height:100px; background:-webkit-linear-gradient(bottom, #f00, #00f); } </style> <div class="style1"></div> <div class="style2"></div>

如上所示：linear-gradient 必须有一个 to，-webkit-linear-gradient 不能有 to，这就造成了它们两个的颜色方向是反的。

第一个是上红下蓝的渐变，第二个是下红上蓝的渐变。