Question

background: -webkit-linear-gradient(linear,left top, left 
bottom,from(#5ba654), to(#ADE19E));

我不确定我在这里做错了什么......请帮忙。

Answer 1

background: -webkit-linear-gradient(#5ba654, #ADE19E);
background: -moz-linear-gradient(#5ba654, #ADE19E);
background: linear-gradient(#5ba654, #ADE19E);

语法：background: linear-gradient(direction, color1, color2, ...);

默认direction是从上到下。

Answer 2

该代码仅适用于WebKit浏览器，因此-webkit标记。我曾用really handy CSS gradient generator here生成以下代码。

.gradient {
  height: 200px;
  width: 100%
  background: #5ba654;
  background: -moz-linear-gradient(top, #5ba654 0%, #ade19e 100%);
  background: -webkit-linear-gradient(top, #5ba654 0%,#ade19e 100%);
  background: linear-gradient(to bottom, #5ba654 0%,#ade19e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ba654', endColorstr='#ade19e',GradientType=0 );
}

<div class="gradient">
</div>

如何使线性渐变起作用？

2 个答案: