Shulou(Shulou.com)05/31 Report--

This article mainly explains "what is the concept of rgba in css3". The content of the explanation is simple and clear, and it is easy to learn and understand. Please follow the editor's train of thought to study and learn "what is the concept of rgba in css3".

Rgba in css3 is the abbreviation of Red, Green, Blue and alpha, and is a function of setting colors. This function generates colors by superimposing red, green, blue and transparency; the range of values for red, green and blue is 0 to 255. the range of transparency is 0 to 1 for complete transparency and 1 for complete opacity.

The operating environment of this tutorial: windows10 system, CSS3&&HTML5 version, Dell G3 computer.

What does rgba mean in css3?

RGB is an acronym for Red (red), Green (green) and Blue (blue). The RGBA color value is an extension of the RGB color value, adding an alpha channel that specifies the opacity of the object.

RGBA means red, green, blue, transparency (English: Red, Green, Blue, Alpha).

Red (R) an integer between 0 and 255 that represents the red component of the color.

Green (G) an integer between 0 and 255 that represents the green component of the color.

Blue (B) an integer between 0 and 255 that represents the blue component of the color.

The value of transparency (A) is between 0,1, which represents transparency.

The syntax is

Rgba (red, green, blue, alpha)

Examples are as follows:

123#p1 {background-color:rgba;} # p2 {background-color:rgba;} # p3 {background-color:rgba;} # p4 {background-color:rgba (192, 192);} # p5 {background-color:rgba;} # p6 {background-color:rgba

RGB color and use transparency:

Red

Green

blue

Grey

Yellow

Cherry color

Output result:

Thank you for your reading, the above is the content of "what is the concept of rgba in css3". After the study of this article, I believe you have a deeper understanding of what the concept of rgba in css3 is, and the specific use needs to be verified in practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.