freeCodeCamp's Applied Visual Design, Decrease the Opacity of an Element

Lesson Summary

The opacity of an element is an important thing to be able to control. We learn more about how to control the opacity of an element in this freeCodeCamp Applied Visual Design lesson. We learn that we can decrease the opacity of an element by giving the element the opacity property and giving the property a value less than 1. If we use the value 0, the element would be completely transparent. If we use .5, the element would be half transparent. Adding the opacity property to our tool set can make our web page stand out by giving a see through effect to our elements. Practice the opacity property to become better prepared to style any site you create.

Subscribe To Monthly Newsletter. Chance to Win Monthly Prizes

* indicates required