如何用渐变色填充部分背景？

我想用颜色填充背景的div ：

线性渐变从左到右

只能从div底部填充20％。

.my-div {background-image：线性渐变（向右，透明，#FFEBEE）; }

如何定义第二个条件？

https://jsfiddle.net/tf4nn5p6/

---

这是你想要的吗？

.my-div{
  text-align: center;
  height: 50px;
  background-image: linear-gradient(to right, transparent, #FFEBEE);
  background-size: 100% 20%;
  background-position: left bottom;
  background-repeat: no-repeat;
  border: 1px solid red;
}

<div class='my-div'>
 text
</div>

---

在下面的CSS中使用相同的，这里你可以控制背景大小：100％20％; 和background-position：左下角; 没有重复

.my-div{
  height: 50px;
  background: linear-gradient(to right, transparent, #FFEBEE);
  background-size: 100% 20%;
  background-position: left bottom;
  background-repeat: no-repeat;
  border: 1px solid red;
  text-align: center;
}

链接地址: http://www.djcxy.com/p/89337.html

上一篇: How to fill part of the background with gradient color?

下一篇: how to disable scrolling in index.html not the other pages