div1 与 div2 180度的渐变结果为 div3
<html>
<div class="div orange">div1</div>
<div class="div blue">div2</div>
<div class="div linear-gradient">div3</div>
</html>
<style>
.linear-gradient {
background:linear-gradient(180deg, #1e7ef8, #fa6b5b);
}
.blue{
background-color: #1e7ef8;
}
.orange{
background-color: #fa6b5b;
}
.div{
height: 150px;
width: 150px;
margin: 50px;
}
</style>