아이스
154
2021-09-16 13:29:29 작성 2021-09-16 13:41:32 수정됨
4
248

안녕하세요. 이 사이트 효과를 따라(?) 하고 싶은데요


https://www.hanwhaimpact.com/kr/index


안녕하세요.! 한화임팩트라는 회사인데요.

이 회사는 스크롤로 페이지를 이동하면 이동하는 순간 같이 글자들이 이동하다가 뒤늦게 글자가 

이동이 멈추는? 뭔가 동적으로 페이지를 구성한 것 같은데요.

전반적으로 모든 페이지가 그렇게 구성된것 같아요..ㅠㅠ

이런 효과는 어떻게 줄 수 있나요?

키워드만이라도 알려주시면 감사하겠습니다. ㅠㅠ



0
  • 답변 4

  • 초보자1212
    2k
    2021-09-16 13:36:48 작성 2021-09-16 13:37:00 수정됨

    css transform 에 관한 애니메이션으로 공부해보시면 감이 오실겁니다

  • Haileyang
    286
    2021-09-16 14:31:17 작성 2021-09-16 14:32:28 수정됨

    혹시 기본적인 스크롤값에 따라 나타나고 사라지는기능을 원하시는 건가요?

    wow.js 랑 animate.css 라이브러리 사용해보심이 어떨까요? js 코드를 짜서도 구현이 가능하지만 라이브러리를 사용하심이 진입장벽이 낮을 것같아서요






    https://wowjs.uk/


    https://animate.style/

  • 페코옹
    1k
    2021-09-16 14:47:06

    fullpage js 같은 거 써서 페이지 단위로 스크롤하게 하고

    현재 페이지가 보일 경우에 간단한 애니메이션 넣으면 될 거 같네요.

  • 아이스
    154
    2021-09-19 12:57:50
    선배님들 도움주셔서 정말 감사합니다.!! 
  • 로그인을 하시면 답변을 등록할 수 있습니다.