CSS-Transparency

important! The foreword is a must-read!

This chapter mainly studies the transparency of CSS. The attribute of CSS transparency is opacity. The opacity value range is: 0.0~1.0. The lower the value, the more transparent. For transparency, you can set background opacity, text transparency, button hover effect, and image. transparency.

background opacity

Notice! Background opacity means that you can specify the opacity of the background by using css color values, that is, setting the opacity of the background color. Note that the background color is used: background-color.

code diagram

renderings


text transparency

Notice! Text transparency means that you can specify the transparency of text by using css color values, that is, setting the opacity of the text color. Note that the text color uses: color.

code diagram

renderings


Button hover effect

Notice! The button hover effect means that you can specify the button to have a hover effect by using the css pseudo class, that is, using :hover in the css pseudo class, which is the mouse hover.

code diagram

renderings


image transparency

Notice! Image transparency means that the transparency of an image can be specified by using the opacity of css.

code diagram

renderings

Guess you like

Origin blog.csdn.net/m0_73839298/article/details/135208352