[CSS] 투명도 조절하기 opacity, rgba

opacity로 투명도 조절하기

 

opacity: 숫자;

 

숫자 범위: 0~1

0 : 투명 -> 보이지 않음

0.5 : 반투명 -> 시스루

1 : 불투명 -> 투명하지 않음

 

opacity 특징

: 자식 요소에 투명도가 상속된다.

배경만 투명하게 하려면

자식 요소에는 투명도를 적용하고 싶지 않다면 opacity 말고 rgba를 사용하면 된다.

 

background: rgba(76, 175, 80, 0.1);