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

사이트 애니메이션 효과 문의 드립니다 채택완료

듀스포에버 4년 전 조회 2,754

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

 

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

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

 

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

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

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

 

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

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

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

 

새해 복 많이 받으세요~

코로나 조심하세요~

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

답변 1개

채택된 답변
+20 포인트
Big1
4년 전

정식명칭은 잘 모르겠고요 

효과는 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개

듀스포에버
4년 전
우아 정말 친절한 답변 감사드립니다!!!
열심히 공부하겠습니다!!!

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

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

로그인