Detailed explanation of CSS3 RGBA color mode usage example code

This article mainly takes the design of a form with a shadow border as an example to introduce the use of CSS3 RGBA color mode. Interested friends can refer to it

RGBA color mode is RGB color The expansion of the mode adds opacity parameters based on the three primary colors of red, blue, and green. The syntax is as follows:

rgba（r,g,b, ）

where r,g,b represents the three primary colors of red, blue and green proportion. Its value can beintegeror percentage. The value range of positive integer value is 0~255, and the value range of percentage value is 0.0%~100.0%. Values outside the range will be cut off to the nearest Value limit. Note that not all browsers support using percentage values. The fourth parameter represents opacity, with a value between 0 and 1.

Example: Design a form with a shadow border

      
  
 
 姓名  
 
 邮箱  
 
 个人网址  
 
 留言  
 
  
 
  

Demonstration effect:

The above is the entire content of this article, I hope it will be helpful to everyone's study.

The above is the detailed content of Detailed explanation of CSS3 RGBA color mode usage example code. For more information, please follow other related articles on the PHP Chinese website!