[CSS] 이미지 투명도 설정하기
웹사이트 디자인에 있어서 투명 효과는 깔끔하고 세련된 느낌을 줍니다. 특히 이미지에 투명도를 적용하면 디자인 요소가 조화롭게 어우러질 수 있습니다. 이번 포스팅에서는 CSS를 사용하여 이미지를 투명하게 만드는 다양한 방법을 소개합니다. 1. opacity 속성 사용하기opacity 속성은 요소의 불투명도를 조절할 수 있는 CSS 속성입니다. opacity 값은 0에서 1 사이의 값을 가지며, 0은 완전히 투명하고, 1은 완전히 불투명합니다.See the Pen Untitled by saladent (@saladent) on CodePen.위 예제에서는 opacity: 0.5;를 적용하여 이미지가 50% 투명해집니다. 2. filter: opacity() 사용하기CSS filter 속성도 투명도를 조..