배경이미지가 점점커지는 효과

배경이미지가 점점커지는 효과

QA

배경이미지가 점점커지는 효과

답변 2

본문

링크의 메인에 배경이미지가 점점 확대되는 효과는 어떤 효과를 준것일까요??

소스를 찾아보면 hover 했을때 커지는것만 있구 저 사이트처럼 자동으로 무한반복되는 이미지확대는 찾기가 좀 어렵네요..ㅜㅜ

이 질문에 댓글 쓰기 :

답변 2

흔히 ken-burns effect 라고 하는데 자바스크립트로 슬라이드의 차례가 왔을때 addClass로 클래스명을 부여하고 차례가 지나가면 removeClass로 부여됬던 클래스명을 제거하는 방식으로, 클래스명이 부여 될때 transform scale 값을 증가시켜 주는 방식이 일반적 일 겁니다.

아래 링크도 참조해 보시면 도움이 될것 같습니다.

https://www.jqueryscript.net/slideshow/subtle-slideshow-ken-burns-effect.html

해당하는 슬라이더 차례가 올떄마다 1이 시작이라서 1에서 2까지 이런식으로 트랜지션을 준거 같네요 

 

계속 저렇게 반복되길 원하시면 마우스 스크롤 위치나 슬라이더면 슬라이더 차례가 왔을때 효과를 계속 새로주면 되실거 같습니다.

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 947
© SIRSOFT
현재 페이지 제일 처음으로