linear-gradient 和 -webkit-linear-gradient 渐变色是反的

ITPOW2019/7/2 14:06:38

<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，这就造成了它们两个的颜色方向是反的。

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

<<返回首页<<