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

Channel:
United States We Will Code
Subscribers:
8,020
Published on ● Video Link: https://www.youtube.com/watch?v=-3OanZamjtw


Duration: 2:24
90 views
0

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.



Other Videos By We Will Code


2018-09-15freeCodeCamp's Push Elements Left or Right with the float Property, Applied Visual Design
2018-09-15freeCodeCamp's Lock an Element to its Parent with Absolute Positioning, Applied Visual Design
2018-09-14freeCodeCamp's Move a Relatively Positioned Element with CSS Offsets, Applied Visual Design
2018-09-12freeCodeCamp's Change an Element's Relative Position, Applied Visual Design
2018-09-11freeCodeCamp's Adjust the Hover State of an Anchor Tag, Applied Visual Design
2018-09-10freeCodeCamp's Set the line-height of Paragraphs, Applied Visual Design
2018-09-09freeCodeCamp's Set the font-size of paragraph Text, Applied Visual Design
2018-09-09freeCodeCamp's Set the font-weight for Multiple Heading Elements, Applied Visual Design
2018-09-08freeCodeCamp's Applied Visual Design, Set the font-size for Multiple Heading Elements
2018-09-08freeCodeCamp's Use the text-transform Property to Make Text Uppercase, Applied Visual Design,
2018-09-07freeCodeCamp's Applied Visual Design, Decrease the Opacity of an Element
2018-09-07freeCodeCamp's Applied Visual Design, Add a box-shadow to a Card-like Element
2018-09-07freeCodeCamp's Applied Visual Design, Adjust the Size of a Header Versus a Paragraph Tag
2018-09-06freeCodeCamp's Applied Visual Design, Adjust the background-color Property of Text
2018-09-06freeCodeCamp's Applied Visual Design, Create a Horizontal Line Using the hr Element
2018-09-05freeCodeCamp's Applied Visual Design, Use the s Tag to Strikethrough Text
2018-09-04freeCodeCamp's Use the em Tag to Italicize Text
2018-09-04freeCodeCamp's Use the u Tag to Underline Text
2018-09-01freeCodeCamp's Applied Visual Design, Use the Strong Tag to Make Text Bold
2018-09-01freeCodeCamp's Adjust the Height of an Element Using the Height Property
2018-08-31freeCodeCamp's Adjust the Width of an Element Using the Width Property


Tags:
css opacity
opacity property
freeCodeCamp tutorial
decrease the opacity
increase the opacity