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

2019-04-12 (금) 11:42:36 4,696

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

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

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

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

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

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

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

답변 2개

2019-04-12 (금) 15:00:23

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

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

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

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

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