CSS3 Color (feat. alpha)

CSS3 COLOR CSS3에서는 컬러값을 rgba, hsla로 사용할 수 있다. 마지막 값인 alpha로 투명도 조절까지 가능해졌다. 또한 단계적 색 적용을 위한 그라디언트 속성이 추가되었다. 배경색 뿐 아니라 모든 색상의 속성을 지정하는 곳이면 사용 가능하다. 1. rgba([r],[g],[b],[a]); .rgbBox{ background:rgba(0,255,0,0.3); } r: 빨간색의 수치 0~255 g: 녹색의 수치 0~255 b: 파란색의 수치 0~255 a: 투명도 0~1 2. hsla([h],[s],[l],[a]); .hsla_box{ background:hsla(0,100%,60%,0.4); } h: 색상 값 0~360 s: 채도 0~100% l: 명도 0~100% a: 투명도 0~1..

2021.11.12