기술 블로그
화려한 웹 움직임 wow.js 사용하기 본문
반응형
wow.js 는 스크롤시 css애니메이션을 나타내주는 라이브러리입니다.
사용 예: http://kjk5.net/
저는 개인사이트를 만들면서 적용했습니다.
애니메이션 라이브러리는 animate.css를 사용합니다.
사용법:(windows)
1. https://wowjs.uk/의 github에서 압축파일을 받습니다.
2.압축을 푼 후 wow.min,js를 서버 경로에 넣어줍니다.
3.
1 2 | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css"> <script type="text/javascript" src="wow.min.js"></script> | cs |
<head>태그안에 각각 넣어줍니다.
각각 animate.css와 wow.min.js를 연결합니다.
4.
적용하려는 코드부분에 <div class="wow 움직임이름">이런식으로 넣어주시면됩니다.
움직임 이름은 https://daneden.github.io/animate.css/를 참고하시면 됩니다.
반응형
'프론트엔드' 카테고리의 다른 글
| [react-native expo]could not connect to the server 127.0.0.1 (0) | 2022.01.14 |
|---|---|
| Flexbox css (0) | 2022.01.14 |
| 자바스크립트 배열 정리 (0) | 2018.11.24 |
| VSCode 추천패키지 (0) | 2018.10.08 |
| atom 사용하기 (0) | 2018.09.22 |
'프론트엔드' Related Articles
more
Comments