[CSS] 투명도

투명도 (opacity)

 

- 기본값: 1 (불투명)

- 0 부터 1 사이의 소수점 숫자

- 0: 완전한 투명

- 1: 완전한 불투명

 

.item {
  opacity: 0.07;
}

백분율로 나타내자면 7% 에 해당하는 불투명도로 화면에 요소를 출력한다.

즉 7% 만큼 불투명하고, 나머지 93% 만큼 투명하게 된다. (화면에 겨우 보이는 정도)

 

.item {
  opacity: 0.4;
}

40% 만큼 불투명하고 60% 만큼 투명하다.

 

.item {
  opacity: .4;
}

소수점 앞의 정수 0 은 생략이 가능하다.