무료홈페이지제작 - 에티테마
미디어 | 무료템플릿자료실 | 포트폴리오

갤러리 각종 HOVER 이펙트 입니다.

페이지 정보

작성자 소프트존 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 댓글 0건 조회 651회 작성일 19-03-20 20:52
라이센스 라이센스를 입력하지 않았습니다 파일내 포함되어 있는 문서를 참고해주세요.
데모 데모 (191)
다운로드 다운로드 (0)
개발사

본문

부트스트랩 없이 사용하려면 div 에서 col class 를 제거하라고 합니다.

For example you would copy the following:


hovereffect:hover img { -ms-transform:scale(1.2); -webkit-transform:scale(1.2); transform:scale(1.2); }
.hovereffect:hover .overlay { opacity:1; filter:alpha(opacity=100); }
.hovereffect:hover h2,.hovereffect:hover a.info { opacity:1; filter:alpha(opacity=100); -ms-transform:translatey(0); -webkit-transform:translatey(0); transform:translatey(0); }
And then wrap it inside a media quiery and remove all the :hover from the styles.
@media (max-width: 750px) {
hovereffect img { -ms-transform:scale(1.2); -webkit-transform:scale(1.2); transform:scale(1.2); }
.hovereffect .overlay { opacity:1; filter:alpha(opacity=100); }
.hovereffect h2,.hovereffect a.info { opacity:1; filter:alpha(opacity=100); -ms-transform:translatey(0); -webkit-transform:translatey(0); transform:translatey(0); }

}​ 

  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기

첨부파일

댓글목록

등록된 댓글이 없습니다.

Total 35건 1 페이지

카테고리

카테고리
 질문답변
 팁게시판
 영카트팁
 그누M팁
자료실

프리미엄

프리미엄

최근이미지리스트

최근이미지리스트