투명도 (1) 썸네일형 리스트형 헥사(HEX) 투명도(%) 적용하기 컬러에 투명도를 적용할 때 아래와 같이 두 가지로 작성할 수 있다. 물론 Opacity도 있지만 이는 자식 요소의 투명도에도 영향을 미치기 때문에, 컬러의 투명도만 조정하려는 의도면 아래 두 가지만 사용한다. .p1{color : rgba(255, 255, 255, 0.5);} .p2{color : #ffffff80;} p1과 p2는 모두 흰색, 투명도 50%를 뜻한다. p1의 경우, RGB 값을 알아야 하므로, 투명도는 쉽게 쓸 수 있지만 컬러값을 적기가 번거롭다. p2의 경우는 헥사코드에 투명도 값을 넣는 것이기 때문에, 자주 투명도를 표기하는 것이 아니라면 이가 더 편리하다. #ffffff80에서 80은 50%를 뜻하며, 각 투명도를 아래에 표기했다. 이제 원하는 헥사코드 뒤에 아래 번호 2자리를 .. 이전 1 다음
