10 days Proficient in CSS3 (3)

Color of Rgba

RGB is a color standard that is composed of red (R), Green (G), Blue (B) variations, and overlapping to obtain a wide variety of colors. Rgba adds a parameter that controls Alpha Transparency on the basis of RGB.

Grammar:

Color:rgba (R,g,b,a)

Above R, G, b three parameters, the positive integer value range is: 0-255. The value of the percentage value range is: 0%-100%. Values that are out of range will be up to their nearest value limit. Not all browsers support the use of percent values. A is a transparency parameter, and the value is between 0~1 and not negative.

code example:

Background-color: Rgba (100,120,60,0.5);

Gradient Color

CSS3 Gradient are divided into linear gradients (linear) and radial gradients (radial). Because different rendering engines implement the syntax of gradients, we only analyze the use of the standard syntax for linear gradients, and the rest of us can read the relevant data. The ie10+, firefox19.0+, chrome26.0+ and opera12.1+ have been supported by browsers.

In this section, let's take a look at the linear gradient:

Parameters:

First parameter: specifies the gradient direction , which can be expressed by the keyword " angle " or "English" :

(Click the picture to enlarge)

When the first parameter is omitted, the default is "180deg", which is equivalent to "to bottom".

The second and third parameters, which represent the starting and ending points of the color , can have multiple color values.

Background-image:linear-gradient (to left, red, orange,yellow,green,blue,indigo,violet);

：

10 days Proficient in CSS3 (3)