[CSS] 엘리먼트 투명도 조절 opacity

CSS Element 투명도 조절 opacity

 

css 에서 opacity 속성을 이용해

해당 엘리먼트의 투명도를 조절할수 있다.

 

투명도는 0~1까지로 조절이 가능하며,
소수점의 사용으로 흐리거나 진하게 조절할수 있다.

  사용 예제 [CSS]

엘리먼트명 {
    /* 투명도 10% */
    opacity : 0.1;
    /* 투명도 30% */
    opacity : 0.2;
    /* 투명도 50% */
    opacity : 0.5;
    /* 투명도 70% */
    opacity : 0.7;
    /* 투명도 100% */
    opacity : 1;
}