How to realize Color gradient in css
Editor to share with you how to achieve color gradient in css, I believe most people do not know much about it, so share this article for your reference, I hope you can learn a lot after reading this article, let's go to know it!
1. LinearGradients (linear gradient)-down / up / left / right / diagonal
1. Downward code
Gradual learning
Div {
Width:200px
Height:200px
}
.gradient {
Background:-webkit-linear-gradient (# 8A2BE2 Magnum DC143C); / * forsafari5.1-6.0 /
Background:-o-linear-gradient (# 8A2BE2MagneDC143C); / * Opera11.1-12.0 stories /
Background:-moz-linear-gradient (# 8A2BE2 Magnum DC143C); / * firefox3.6-15percent /
Background:linear-gradient (# 8A2BE2 recorder DC143C); / * Standard syntax, must be placed at the end * /
}
The above is all the content of the article "how to achieve Color gradient in css". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!