투명도 설정하기

📄 opacity 속성

div {
  background-color: rgb(255, 255, 255);
  opacity: 0.5;
}

• opacity로 0~1의 값을 설정한다.

• 0에 가까울수록 투명하다.

📄 rgba 속성

div {
  background-color: rgb(255, 255, 255, 0.5);
}

차이점

opacity는 해당 요소를 포함한 하위 요소까지 적용되고,
raga는 해당 요소에만 적용됩니다.