반응형 웹을 구축하면서 고객의 니즈에 맞춰 추가되는 CSS를 공부하며 성장하고 있는 디자인해답니다. 이미지를 클릭을 유도하기 위해 이미지위에 마우스 오버시 색상이 변하고 짧은 문구까지 나온다면 더욱 클릭이 유도될 수 있습니다. 오늘 추천해드리는 방법은 아주 간단한 CSS 방법으로 백그라운드에 이미지를 넣고 그 위에 오버레이되는 방식으로 글씨를 띄워주는 방식입니다. 소스는 아래와 같이 간단히 진행합니다. 컬러값은 동일한 숫자나 영문일때 3개만 작성해도 적용됩니다. 진짜 간단하고 쉽죠, 아래의 페이지의 적용하는 태그를 작성하면 끝입니다! 마우스 오버시 변환