Detailed CSS3 Rgba color mode using instance code

This article mainly in the design with the shadow border form as an example, for you to introduce the CSS3 Rgba color mode use method, interested in small partners can refer to

The Rgba color mode is an extension of the RGB color model, which increases the opacity parameters on the basis of the red, blue, and green three primary colors. The syntax is as follows:

RGBA (r,g,b,<opaciy>)

Among them, r,g,b represents the proportion of red, blue and green three primary colors. Its value can make an integer or a percentage, the value range of positive integer value is 0~255, the value of the percentage value range is 0.0%~100.0%, the value of out of range will be cutoff its closest value limit. Note that not all browsers support the use of percent values. The fourth parameter <opacity> represents the opacity, and the value is between 0 and 1.

Example: Designing a form with a shaded border

<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">


Demo Effect:


The above is the whole content of this article, I hope that everyone's study has helped.