Get the App
SLTechnology News&Howtos  ›  Development  › 

How to realize Color gradient in css

Shulou Source: shulou.com Published: 2022-06-01 07:36:26 11月14日 Update

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!

Tags: Articles color content learning not much code most diagonal direction more standard knowledge linearity industry grammar information information channels channels references help Apple Docker Huawei Linux macOS MariaDB Microsoft MySQL NVidia OPPO Reno vpn NVidia Xiaomi Redmi Docker