채택완료

사이트 애니메이션 효과 문의 드립니다

2021-02-14 (일) 23:04:00 3,135

http://bdmp-003.cafe24.com/bizdemo69004/index.php

위 사이트 처럼 접속 하면 메인슬라이드 아래 최근 게시물이 슬라이드 되고

스크롤 해보면 또 나머지 내용들도 슬라이드 되어 올라오잖아요?

이 기술의 정식 명칭이 뭔지 궁금합니다

아주 예전에 홈페이지 제작하다가 요즘 다시 하려니 모르는게 되게 많네요

반응형 공부 중에 저런걸 보니 써보고 싶은데 이름을 몰라서 잘 못찾겠습니다

정식 명칭 혹은 저런 예제 사이트 알 수 있을까요?

구글에서 css 예제 사이트 찾아봐도 사실 이름 모르니 딱 저런걸 찾기도 힘듭니다

고수님들 부탁 드립니다~~

새해 복 많이 받으세요~

코로나 조심하세요~

|

답변 1개 / 댓글 1개

채택된 답변
+20 포인트

정식명칭은 잘 모르겠고요 

효과는 animate.css를 이용한 건데 

스크롤 반응은 jquery를 좀 활용한 것 같네요 

예전에 많이 쓰는 거는 wowjs였는데 

그렇게 신통치가 않더라고요 

https://wowjs.uk/

https://michalsnik.github.io/aos/

링크해주신 사이트는 waypoint.js 를 쓰네요 

https://github.com/imakewebthings/waypoints

모두 기본적으로 css 애니메이션을 기본으로 합니다 

https://developer.mozilla.org/ko/docs/Web/CSS/CSS_Animations/Using_CSS_animations

https://animate.style/

답변에 대한 댓글 1개

2021-02-15 (월) 12:29:38
우아 정말 친절한 답변 감사드립니다!!!
열심히 공부하겠습니다!!!

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