animate.css와 wow.js 예제코드+유의사항 jquery 애니메이션 효과



프리랜서 웹디자이너 RELATION RELATION.CO.KR

RELATION 로고

홈페이지 소스

[JQUERY] animate.css와 wow.js 예제코드+유의사항 jquery 애니메이션 효과

2017.02.27
animate.css와 wow.js를 같이 사용하면, 스크롤바가 내려감에 따라 홈페이지를 구성하는 각각의 요소들이 애니메이션 효과를 받으면서 나타나는 효과를 줄수 있다.

당연히 animate.css는 css3 요소로 되어 있으므로(css로 애니메이션 효과를 준다는 것 자체가 css3 아니면 구현할 수가 없습니다.), 구버전 익스플로러에서는 동작하지 않습니다.


http://mynameismatthieu.com/WOW/index.html

이 포스트 공유하기

글수정  글삭제 전체목록
<
 
1
           
검색    글쓰기
번호 제 목 작성자 작성일 조회수
중요 [소스] 기존 a 태그 href를 이용하여 부드럽게 스크롤 이동하기 작성글은 비공개로 설정 되었습니다. 꿘쓰 2017.02.10 73
중요 [기타] 구글맵 플랫폼 꿘쓰 2019.01.22 4010
중요 [소스] 구글맵 반경 검색 작성글은 비공개로 설정 되었습니다. 꿘쓰 2018.01.08 17
중요 [소스] 구글맵 이동 경로 표시 꿘쓰 2018.01.18 4316
중요 [소스] 구글맵 좌표값 구하기 꿘쓰 2019.01.08 2676
중요 [소스] 구글맵 웹사이트 띄우기  이미지 파일이 첨부되어 있습니다. 꿘쓰 2013.01.02 21254
228 [기타] innerHTML 작성글은 비공개로 설정 되었습니다. 꿘쓰 2020.11.16 0
227 [소스] 마우스 롤오버 효과 작성글은 비공개로 설정 되었습니다. 꿘쓰 2020.06.30 2
226 [기타] 퍼센트 계산, 백분율 계산 방식 꿘쓰 2020.06.22 154
225 [소스] Window.scroll() 꿘쓰 2020.06.22 160
224 [소스] scrollLeft(), scrollTop() 작성글은 비공개로 설정 되었습니다. 꿘쓰 2020.06.15 0
223 [소스] 숫자 카운트 1 작성글은 비공개로 설정 되었습니다. 꿘쓰 2020.06.03 2
222 [CSS] 그라데이션 자동 생성 사이트 꿘쓰 2020.11.12 205
221 [CSS] flex-wrap:wrap 작성글은 비공개로 설정 되었습니다. 꿘쓰 2020.05.29 0
220 [SCRIPT] 자바스크립트 number_format 숫자 콤마 제이쿼리 꿘쓰 2019.12.03 278
219 [소스] 구글 로그인 API 자바스크립트 꿘쓰 2019.08.16 469
218 [JQUERY] 체크박스 체크 유무 jquery 꿘쓰 2019.07.23 485
217 [CSS] css webkit, moz, ms, o 의미 꿘쓰 2019.04.16 651
216 [HTML] HTML5 Canvers 태그 꿘쓰 2019.03.22 774
215 [기타] 카카오 상담톡 비즈니스 메신져 꿘쓰 2019.03.21 722
214 [기타] a태그 onclick 클릭 이벤트 차이점 꿘쓰 2019.03.13 739
213 [소스] 카카오 로그인 작성글은 비공개로 설정 되었습니다. 꿘쓰 2019.03.08 1
212 [소스] 별점주기 꿘쓰 2019.02.21 899
211 [소스] Select option를 버튼(div) 방식으로 변경하기 꿘쓰 2019.02.21 830
210 [소스] 코멘트 게시판 디자인 이미지 테두리 둥글게 하기 (border-radius) 꿘쓰 2019.02.13 1035
209 [소스] 아이폰 갤러리 이미지 저장 방지 꿘쓰 2019.01.09 815