How to realize the effect of Linear gradient by CSS
This article will explain in detail how to achieve the linear gradient effect of CSS. The editor thinks it is very practical, so I share it for you as a reference. I hope you can get something after reading this article.
The code example is as follows:
CSS3 creates a linear gradient example
.container {
Text-align:center
Padding:20px0
Width:960px
Margin:0auto
}
.containerdiv {
Width:200px
Height:150px
Display:inline-block
Margin:2px
Color:#ec8007
Vertical-align:top
Line-height:230px
Font-size:20px
}
.linear {
Background:linear-gradient (tobottom,#4b6c9c,#5ac4ed)
}
Linear gradient
This is the end of this article on "how to achieve linear gradient effect in CSS". I hope the above content can be helpful to you, so that you can learn more knowledge. if you think the article is good, please share it out for more people to see.
