자바스크립트로 11분만에 카드 스크롤 애니메이션 마스터하기

Описание к видео 자바스크립트로 11분만에 카드 스크롤 애니메이션 마스터하기

(코드펜이나 깃헙소스에 그리드 스타일로 모바일 반응형 디자인을 업데이트하였습니다)

프론트엔드가 꼭 알아두어야 할 기술 스텍 열한번째 시리즈!
스크롤 애니메이션 시리즈 세번째 영상!

자바스크립트와 css를 이용해서 카드 플립(Card flip)과 스크롤 애니메이션 합친 튜토리얼 영상입니다.


이 프로젝트를 통해 여러분들께서는 css의 position: sticky에 대한 이해와 자바스크립트를 활용하여 어떻게 스크롤 애니메이션을 동작시킬 수 있는지에 대해 이해를 하시게 될 것입니다^^

자세한 과정은 영상에서 확인해주세요 :)

00:00 인트로
00:37 기본 html 구조이해
01:24 기본 뼈대 완성하기
03:34 자바스크립트 원리
06:40 조건 나누기
11:03 꾸미기
11:32 마무리

참고 사이트 링크: https://rara.ritsumei.ac.jp/
CodePen 링크 : https://codepen.io/rudtjd2548/details...
git 소스코드 링크 : https://github.com/rudtjd2548/yummy-c...

#자바스크립트 #css #스크롤애니메이션 #프론트엔드

Комментарии

Информация по комментариям в разработке

Похожие видео