Question

我的html代码中有以下按钮
<input type="button" id="button" title="button" name="button" class="button" value="button" />
这个css附件

.button{
  width:200px;
  height:;50px;
  position:relative;
  top:50px;
  left:200px;
  background:-webkit-linear-gradient(180deg,white 33%,blue 67%)
}

https://jsfiddle.net/mudkcuqj/

现在我的精神希望消除由gradient

引起的那种令人发指的褪色

Answer 1

如果你想要将淡蓝色从淡蓝色移到白色，并将其淡化到一个点，然后变为白色，让颜色在同一点开始和结束。

＆＃13;

.button{
  width:200px;
  height:;50px;
  position:relative;
  top:50px;
  left:200px;
  background:-webkit-linear-gradient(180deg,white 33%,blue 33%)
}

＆＃13;

<input type="button" id="button" title="button" name="button" class="button" value="button" />

＆＃13;

Answer 2

只需在“白色33％”和“蓝色67％”之间添加“蓝色0.1％”

.button{
  width:200px;
  height:50px;
  position:relative;
  top:50px;
  left:200px;
  background:linear-gradient(180deg,white 33%,blue 0.1%,blue 67%);
}

如何从css中的渐变中删除淡入淡出

2 个答案: