CSS3 투명도를 가지는 색상값 rgba HSL HSLA
이전의 생상 키워드는 잘 알것이다.초반에 rgb방식이 있었지만 거의 16진수 코드를 사용하는편
div{ background-color:#000;}
div{ background-color:#00000;}
div{ background-color:rgb(0,0,0);}
rgba
rgb는 알다시피 레드, 그린, 블루이고 마지막 a는 알파, 즉 투명도이다.
마지막 투명도는 .3 이면 30%다
div{ background-color:rgba(0,0,0,.3);}
HSL HSLA
어렵게 생갈할거없다. 색조,채도, 명도 그리고 마지막은 알파값
div{ background-color: hsl(0,100%,50%);}
div{ background-color: hsla(0,100%,50%,.4);}
익스플로어의 경우 최신판인IE9부터 지원된다
댓글