내용을 투명하게 만드는 방법 - opacity

opacity

opacity로 투명도를 정할 수 있습니다.

 

기본형

opacity : number

• number : 0 부터 1.0 까지의 수를 넣습니다.
• 숫자가 작을수록 투명해집니다.

 

예제

<div class="a">
  <h1>Lorem Ipsum Dolor.</h1>
</div>

<div class="b">
  <h1>Lorem Ipsum Dolor.</h1>
</div>

div {
  width: 80%;
  padding: 50px 0px;
  text-align: center;
  color: #ffffff;
}
.a {
  border: 1px solid #212121;
  background-color: #212121;
}
.b {
  border: 1px solid #ff9800;
  background-color: #ff9800;
  position: fixed;
  top: 100px;
  left: 100px;
  opacity: 0.7;
}