비디오: [Q&A] 웹디자이너가 되고싶은 분들에게 현실조언?비전공자, 디자이너 연봉, 포트폴리오, 웹에이전시, 인하우스, 광고디자인 2024
수년간 웹 디자이너 이미지를 PNG 또는 GIF 형식으로 저장하고 하나의 색상을 투명하게 만들어 웹 사이트에서 투명도를 사용하고 있습니다. 이 방법은 이상적이지는 않지만 이미지를 페이지에 "떠 다니는 듯"하게 만들고 배경 이미지 위에 페이지 이미지를 배치하여 이미지를 다른 이미지 위에 겹치게 만드는 방법으로 사용되었습니다.
CSS 3 덕분에 이제 투명 배경을 만들고 심지어 다른 레벨의 불투명도를 지정하여 iPhone 및 iPad에 표시된 페이지에 더 미세한 디자인 효과를 만들 수 있습니다. RGBa 색상과 함께 opacity 속성을 사용하여이 그림에 표시된 투명한 드롭 다운 탐색 목록과 같이 디자인에 정교한 투명도 기능을 만들 수 있습니다.
드롭 다운 목록 뒤에있는 배경의 불투명도를 변경하면 뒤의 이미지가 보이게되어보다 섬세한 디자인 효과를냅니다.
이 예에서 메뉴의 배경은이 그림에 표시된 것과 동일한 디자인에서 사용 된 단색 회색이 아닌 투명한 회색으로 만들어졌습니다.
CSS 3의 불투명도 설정은 RGBa 색상을 사용하고 투명도를 지정하는 옵션에 많은 유연성을 제공합니다.
