[css] opacity 요소의 투명도

opacity 

 

• 요소의 불투명도를 설정할 수 있다.
• 기본은 1이고 낮을수록 투명해진다.

---

예제

  <div class="container">

    <div id="div1" class="rect red"></div>
    <div id="div2" class="rect yellow"></div>
    <div id="div3" class="rect green"></div>
    <div id="div3" class="rect blue"></div>
  </div>

#div1{
  opacity: 0.1;
}
#div2{
 opacity: 0.4;
}
#div3{
  opacity: 0.7;
}
#div4{
  opacity: 1.0;
}