In our project development, translucent mask effect from very early on, to now is very familiar with the effect, translucent effect is not only on the picture, there are all kinds of places are used to, with CSS can be very simple to implement a variety of browser compatibility settings, So we're going to give you a summary of the translucent settings in CSS today!
semitransparent settings in CSS:
Example of 1.CSS translucent border implementation (figure)
This Border-imge-slice property passed in 1~4 parameters (number no unit specifically refers to pixels or percent values) to divide the picture into 9 parts, 1,2,3,4 Four blocks are not stretched, not tiled, called blind, 5,6,7,8 four blocks can be Border-image-repeat to control damper and repetition (stretch: default, stretch; Repeat: tiled; Round: The whole number of tiles; ), the 9th block does not display, the incoming parameter fill displays the 9th block, the segmentation situation such as (Figure 4-2.png && figure 2-3.png):
2. Use CSS3 to make a simple 3d translucent cube Image Instance code
This article mainly introduces the use of CSS3 to make a simple 3d translucent cube picture display of related materials, the text gives a complete sample code, for everyone's understanding and learning has a certain reference value, the need for friends to see together below.
3. Top fixed p to set translucent effect
This article for you to introduce a top fixed p can set the translucent effect, at the end of the text, we can refer to the following
4. Compatibility background color Translucent CSS code (does not affect inner child elements)
Its format is #AARRGGBB. AA, RR, GG, BB are 16 binary positive integers. The value range is 00-ff. RR Specifies the red value, GG specifies the green value, BB specifies the blue value, see #RRGGBB color units. AA specifies the transparency. 00 is completely transparent. FF is completely opaque. Values that exceed the range of values will be reverted to the default values.
5.CSS set an element translucent
This article mainly introduces the use of CSS to set a translucent element of the relevant data, very good, with reference value, need to refer to a friend
Translucent related questions and answers:
1.CSS-How does the fuzzy translucent navigation bar at the top of station B be implemented?
2.css-html hide or remove translucent content when dragging?
3.css-html hide or remove translucent content when dragging?
"Related articles recommended":
Summary of translucent settings in 1.Photoshop
Summary of methods for implementing mouse styles in 2.html and CSS
Summary of methods for introducing CSS styles in 3.html