테스트 사이트 - 개발 중인 베타 버전입니다

마우스 오버하고 있으면 점점 우측으로 이동하기

강끄끄 6년 전 조회 4,407

 

제이쿼리로 한 요소에 마우스를 올리고있으면

 

점점 우측으로 슬라이드되게 만들고싶습니다.

 

transform: translate3d를 이용해 우측으로 이동시킬예정이지만 

 

수치값을 서서히 증가시키고싶습니다.

 

그렇게해서 요소가 천천히 우측으로 움직이게 만들고싶습니다.

 

그리하여 제이쿼리 변수하나를 점점 증가시키는 방법을 알고싶습니다.

 

혹시나 참고할만한 코드나, 사이트 있으시면 알려주세요 ㅠㅠ

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

https://developer.mozilla.org/en-US/docs/Web/CSS/transition-delay">https://developer.mozilla.org/en-US/docs/Web/CSS/transition-delay

 

transition-delay 를 이용하시면 될 것 같습니다.

 

이전에는 라이브러리를 이용했는데, 요구가 많아져서 그런지 CSS 자체에서도 제공 해 주는 것 같습니다.

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

댓글을 작성하려면 로그인이 필요합니다.

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

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인