프리랜서 웹디자이너 웹퍼블리셔RELATION

RELATION 로고

홈페이지 소스

[HTML] 이미지에 마우스 오버시 색상변환

2017.02.20
북마크 [출처 이동]    작성자 정보
이미지에 마우스를 가져가면, 이미지의 색상이 변하는 태그입니다.

.pic1{ width:338px; height:284px; background: url(이미지이름.jpg) no-repeat; }
.text{ width:338px; height:285px; background:#000000; opacity:0; }
.pic1:hover .text { opacity:0.6; text-align:justify; color:#ffffff; font-size:20px; font-weight:700; font-family:"맑은 고딕"; padding:30px; }


<div class="pic1"> <div class="text"> 드라이아이스란 무엇이며, 어떻게 만들어 지는지 소개 합니다. </div> </div>


이 포스트 공유하기

전체목록