Css3 Gradient background and css3gradient background

Css3 Gradient background and css3gradient background

Css3 gradient is divided into two types: linear gradient (linear) and radial gradient (radial ).

1. linear gradient linear-gradient

Linear-gradient ([set direction], [set start color], [set multiple excessive colors], [set end color])

Parameters:

The first parameter: Specifies the gradient direction, which can be expressed by the keyword of "angle" or "English:

The first parameter defaults to 180deg, which is equivalent to "to bottom ".

There must be at least two colors, namely the start color and the end color.

Example:

<Style type = "text/css"> p {width: 300px; height: 100px; background-image:-webkit-linear-gradient (left, red, orange, yellow, green, blue, indigo, violet) ;}</style> <p> linear gradient background from left to right </p>

Ii. radial gradient radial-gradient

To be continued

 

 

 

Css3 gradient written by desert

Http://www.w3cplus.com/content/css3-gradient