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

룻박

프로필 보기 이 회원 글보기 이 회원의 댓글보기

5년 전 4,337

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

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

scal background css transition

답변 2개 / 댓글 2개

채택된 답변

+20 포인트

rockM

프로필 보기 이 회원 글보기 이 회원의 댓글보기

5년 전

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

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

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

로그인 후 평가할 수 있습니다