홈페이지, 쇼핑몰에서 이미지(사진)에 마우스 오버시 흐림효과 > HTML/CSS

본문 바로가기
사이트 내 전체검색


회원로그인

최신 게시글
  • 게시물이 없습니다.

HTML/CSS

 > 개발자료 > HTML/CSS

HTML/CSS

CSS | 홈페이지, 쇼핑몰에서 이미지(사진)에 마우스 오버시 흐림효과

페이지 정보

작성자 GIT 작성일14-03-28 13:46 조회17,417회 댓글0건

본문

이미지에 마우스오버시 흐림효과, 마우스아웃시 원래 이미지 보여주는 소스
쇼핑몰 상품이미지 등 활용
 
<img src="test.jpg"  onMouseOver="this.style.opacity='.6'; this.style.filter='alpha(opacity=60)'"onMouseOut="this.style.opacity='1.0'; this.style.filter='alpha(opacity=100)'" />
 
※ filter:alpha(opacity= ) 는 ie호환을 위해 사용
  • 페이스북으로 보내기
  • 트위터로 보내기
  • 구글플러스로 보내기

댓글목록

등록된 댓글이 없습니다.

HTML/CSS 목록

게시물 검색

접속자집계

오늘
206
어제
410
최대
4,468
전체
1,803,693
그누보드5
회사소개 개인정보취급방침 서비스이용약관    Copyright © www.g-it.kr. All rights reserved.