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

Question

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

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

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

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

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

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

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

코딩하는기계 · Answer

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

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

마젠토 · Answer

https://tympanus.net/codrops/2010/11/16/hover-slide-effect/ 참조해보세요.. 원하는 것이 맞는지는 모르겠지만.