CSS3--Gradient

1, the linear gradient in Firefox

1 E {2  background-image:3  color-stop, to-stop);     4 }

2. Linear variation in WebKit

1 Div {2    -webkit-gradient (linear, 50% 0, 50% 100%, form (white), to (Black)); 3 }45 No angle value

3, the gradient of the radiation in Firefox

1 E {2   background-image:-moz-radius-gradient (point or Angle,3   shape or size,  form-stop, Color-stop, to-stop);     4  }

Where shape uses a keyword constant value, which can be circle or ellipse (default)

Gradient start point and end point, radius distance:

Inner-center and Outer-center

Inner-radius and Outer-radius

4, WebKit in the radiation gradient

1 E {2      background-image:-webkit-gradient (Type, Inner-center,3      Inner-radius, Out-center, Out-radius, from (from-stop),4      color-stop (Color-stop), to (To-stop)); 5  }

Ellipse-shaped gradients are not allowed, and must all be used with rounded

5. In Firefox:

1 Div {2   background-image:-moz-radius-gradient (contain circle,white,black);  3 }

Contain is a value of size that indicates that the gradient stops at one end of the box closest to the center store----closest-side

The cover gradient stops at the farthest element corner from the center store---farthest-corner

Closest-conner says the gradient will stop at the corner closest to its center.

Farthest-side indicates that the gradient will stop at the farthest edge from its center.

CSS3--Gradient