각종 HOVER 이펙트 입니다.
페이지 정보
작성자
소프트존
쪽지보내기
메일보내기
자기소개
아이디로 검색
전체게시물
댓글 0건
작성일 19-03-20 20:52
본문
부트스트랩 없이 사용하려면 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); }
}
첨부파일
- bootstrap-image-hover-master.zip (7.1M) 2회 다운로드 | DATE : 2019-03-20 20:52:31
댓글목록
등록된 댓글이 없습니다.
