Shulou(Shulou.com)06/01 Report--

This article mainly introduces how to use CSS to do image transparency, has a certain reference value, interested friends can refer to, I hope you can learn a lot after reading this article, the following let Xiaobian take you to understand.

It is easy to create transparent images through CSS.

Note: the CSSopacity attribute is part of the W3CCSS recommendation.

Example 1-create a transparent ima

The CSS3 property that defines the transparency effect is opacity.

First, we will show how to create transparent images through CSS.

Regular image:

The same image with transparency:

Take a look at the following CSS:

Img

{

Opacity:0.4

Filter:alpha (opacity=40); / * for IE8 and earlier versions * /}

IE9,Firefox,Chrome,Opera and Safari use the property opacity to set transparency. The opacity property can be set from 0. 0 to 1. 0.

The smaller the value, the more transparent it is. IE8 and earlier versions use the filter filter:alpha (opacity=x). X can take values from 0 to 100. The smaller the value, the more transparent it is.

Thank you for reading this article carefully. I hope the article "how to use CSS for Image Transparency" shared by the editor will be helpful to everyone. At the same time, I also hope that you will support and pay attention to the industry information channel. More related knowledge is waiting for you to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.