A summary of the translucent settings in CSS

Source: Internet
Author: User
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

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.