Summary of translucency settings in CSS

In our project development, the translucent mask effect has been popular since very early, and now it is a very familiar effect to everyone. The translucent effect is not only used in pictures, but also in various places. Yes, CSS can be used to easily achieve compatibility settings for various browsers, so today we will introduce to you a summary of translucency settings in CSS!

Translucent settings in CSS:

1.Detailed implementation examples of CSS translucent borders (picture)

This border-imge-slice attribute passes in 1~4 parameters (number has no unit and refers to pixels or percentage values) to split the image into 9 Part 1, 2, 3, and 4 will not stretch or tile, and are called blind areas. The four blocks 5, 6, 7, and 8 can be controlled through border-image-repeat. Stretch, tile and repeat (stretch: default value, stretch; repeat: tile; round: integer number of tiles; ). The 9th block is not displayed. If the parameter fill is passed in, the 9th block is displayed. The division is as follows Figure (Figure 4-2.png && Figure 2-3.png):

2.Using CSS3 to create a simple 3D translucent cube image example code

This article mainly introduces you to the relevant information on using CSS3 to create a simple 3D translucent cube image display. The article gives a complete sample code for your understanding. It has certain reference value for learning and learning. Friends who need it can take a look below.

3. Fixed p at the top can set the translucent effect

This article introduces it to you A fixed p at the top can set a translucent effect. There is a rendering at the end of the article. You can refer to the following

4.Compatibility background color translucent CSS code (does not affect internal sub-elements)

The format is #AARRGGBB. AA, RR, GG and BB are hexadecimal positive integers. The value range is 00 - FF. RR specifies the red value, GG specifies the green value, and BB specifies the blue value, see #RRGGBB color units. AA specifies transparency. 00 is completely transparent. FF is completely opaque. Values ​​outside the value range will be restored to the default value.

5.CSS to set an element to be translucent

This article mainly introduces the relevant information about using CSS to set an element to be translucent. , very good, with reference value, friends who need it can refer to it

Translucent related questions and answers:

1.css - How do you implement the fuzzy translucent navigation bar at the top of station B?

2.css - HTML Hide or remove translucent content when dragging?

3. css - HTML Hide or remove translucent content when dragging?

[Related article recommendations]:

1.Summary on translucency settings in Photoshop

2.Summary of methods to implement mouse styles in html and css

3. Summary of methods for introducing css styles into html

The above is the detailed content of Summary of translucency settings in CSS. For more information, please follow other related articles on the PHP Chinese website!