블로그ui1 CSS 이미지 오버레이 - 구현 방식, 접근성 CSS :hover로 이미지 오버레이 만들기, 그 전에 생각해야 할 것들JavaScript 없이 이미지 위에 설명을 띄울 수 있다는 말, 처음엔 반신반의했습니다. 포트폴리오 페이지를 만들면서 mouseenter 이벤트 리스너를 카드마다 붙이던 저도 결국 CSS :hover 한 줄로 갈아탔고, 코드가 절반 이하로 줄었습니다. 그런데 직접 써보고 나서 느낀 건, 구현 방법을 배우는 것보다 그 전에 생각해야 할 것들이 더 많다는 점이었습니다.opacity, translateY, clip-path: 세 방식의 실질적인 차이가장 흔하게 쓰이는 방법은 position:absolute와 opacity를 조합하는 방식입니다. 컨테이너에 position:relative를 주고, 오버레이를 absolute로 얹은 뒤 :h.. 2026. 4. 21. 이전 1 다음
