The CSS3 gradient (gradients) allows you to show a smooth transition between two or more specified colors.
-webkit-gradient (gradient type, starting point, end point, [start color, end color, transition color])
· Linear gradient (Linear gradients)-down/up/left/right/diagonal
· Radial gradients (Radial gradients)-defined by their centers
Linear-gradient (color 1, color 2)
Use of linear gradients:
Radial-gradient
Uniform color Distribution
Background:-webkit-radial-gradient (red, green, blue);
Color distribution by percentage
Background:-webkit-radial-gradient (red 5, Green 15%, Blue 60%);
Case LIST:
<!doctype html>How to use the transition gradient so much more, please pay attention to the other related articles in PHP Chinese web!
Related reading:
How to use the absolute and relative paths of HTML
Drawing techniques used by canvas in HTML5
How HTML text is displayed vertically
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
