[CSS] rgba, opacity로 투명도 조절

rgba()

.className{
	background-color:rgba(0, 0, 0, 0.8);/*까만색(0,0,0) 80% 투명도*/
}
.className2{
	background-color:rgba(0, 0, 0, 0.2);/*까만색(0,0,0) 20% 투명도*/
}

• R 레드 [0~255]
• G 그린 [0~255]
• B 블루 [0~255]
• A(alpha) [0~1]

A값을 조절하여 투명도를 조절할수 있다.

 

opacity

.className{
	background-color: #000;/* 까만색(0,0,0) */
    opacity:0.8; /* 80% 투명도 */
}
.className2{
	background-color: #000;/* 까만색(0,0,0) */
    opacity:0.2; /* 20% 투명도 */
}

CSS

opacity 값을 이용해 투명도 조절이 가능하다.

허용되는 값에 범위는 [0~1] 입니다.

 

https://hi098123.tistory.com/222

CSS) 투명도 조절하고 싶을때 (rgba, opacity)