배경색에 투명도 적용하는 방법 (CSS)

Last Updated: 2023년 07월 17일 댓글

이미지에 투명도를 적용하는 방법은 opacity를 통해 쉽게 가능합니다. 그러면 배경색에 transparency를 적용하려면 어떻게 하면 될까요? opacity를 사용해보면 배경색에는 적용되지 않습니다. :-(

이 경우 RGB 컬러 모델에 알파값을 추가할 수 있습니다.

예를 들어:

rgba(255,0,0,0.1) ==> 빨간색 10%, 거의 투명한 빨간색이 됨
rgba(255,0,0,0.5) ==> 빨간색 50%
rgba(255,0,0, 1) ==> 빨간색 100%, 즉 완전히 빨간색이 됨

RGB 컬러는 HTML 컬러 코드에서 확인할 수 있습니다.


댓글 남기기

Leave a Comment