【CSS】투명도

opacity

요소를 투명하게 한다
투명도는 0.0~1.0의 수치로 지정.
0이 완전히 투명하고 1이 완전히 불투명

투명도를 설정하지 않으면 ...

예.html

    <div class="one">
      <p>透明度 1.0</p>
    </div>
    <div class="half">
      <p>透明度 0.5</p>
    </div>
    <div class="zero">
      <p>透明度 0</p>
    </div>

예.css

p {
  font-size: 30px;
  background-color: red;
  width: 200px;
  height: 100px;
  float: left;
  margin-right: 10px;
}

물론 이대로.
CSS를 적용하면

예.css

.one {
  opacity: 1.0;
}

.half {
  opacity: 0.5;
}

.zero {
  opacity: 0;
}

이와 같이
투명도 0은 모두 투명 해지므로 아무 것도 빛나지 않습니다