# CSS Opacity

# **CSS Opacity / Transparency**

The `opacity` property specifies the opacity/transparency of an element.

# Transparent Image

The `opacity` property can take a value from 0.0 - 1.0. The lower the value, the more transparent:

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1686049509599/1b91d77c-5978-4b6a-8bb7-95e9f63efc88.png align="center")

Example

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1686049567156/60f77453-3cba-400e-876a-62ff27871403.png align="center")

---

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1666336375150/5HqI8zNVh.png align="left")

Download our HTML & CSS Visual Treat! ebook Here: [Click here](https://codemarch.gumroad.com/l/hxazr)