공부하자

페이지 스크롤 효과를 줄때 많이 사용하는 플러그인 wowjs.uk/ wow.js — Reveal Animations When Scrolling wowjs.uk

페이지 스크롤시 다양한 애니메이션 효과 blog.usefulparadigm.com/%EB%9E%9C%EB%94%A9%ED%8E%98%EC%9D%B4%EC%A7%80%EC%97%90-%EC%8A%A4%ED%81%AC%EB%A1%A4-%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98-%EC%A0%81%EC%9A%A9%ED%95%98%EA%B8%B0-a35d0b6cbf4e 랜딩페이지에 스크롤 애니메이션 적용하기 모던 웹브라우저의 다양한 애니메이션 기능을 활용하면 스크롤에 반응하는 근사한 웹페이지를 쉽고 간단하게 만들 수 있습니다. blog.usefulparadigm.com twojobui.tistory.com/9 페이지 스크롤 다운 애니메이션 (feat. Animation of..

스와이퍼 슬라이드 플러그인보다 조금 간결하고 비디오 슬라이드가 예시로 있어 비디오 삽입이 필요할 경우 사용에 용이할 듯 싶다. owlcarousel2.github.io/OwlCarousel2/demos/demos.html Demos | Owl Carousel | 2.3.4 owlcarousel2.github.io 사용법 참고 블로그 m.blog.naver.com/start30th/221587018501 slide jquery owl carousel 슬라이더 롤링 배너 빠르고 쉽게 #롤링배너 #슬라이드배너 를 만들위해 사용하기 좋은 #제이쿼리플러그인 #owlcarousel 두번째 ... blog.naver.com

기하학적인 무늬나 눈송이, 하늘에 떠있는 별 같은 효과를 배경으로 넣고 싶을 때 사용 사이트 내에서 이것저것 조절도 가능하다. vincentgarreau.com/particles.js/ particles.js - A lightweight JavaScript library for creating particles A lightweight JavaScript library for creating particles. vincentgarreau.com 사용법 github.com/VincentGarreau/particles.js/ VincentGarreau/particles.js A lightweight JavaScript library for creating particles - VincentGarreau/pa..

Swiper : 슬라이드 효과를 줄 수 있는 제이쿼리 플러그인. Swiper에서 제공하는 각종 옵션값을 수정해 다양하게 표현 할 수 있다. (ie 9 버전부터 지원) bxslider 와 Swiper 의 차이 : bxslider는 Swiper 보다 간결하고 깔끔해 사용하기에 편리하나 swiper에 비해 기능이 제한적이므로 사용자가 상황에 맞게 선택하여 사용하면 된다. 어떤 것이 더 옳고 그른 것은 없다. swiperjs.com/ Swiper - The Most Modern Mobile Touch Slider Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native beha..

fullPage : 사용자가 스크롤 시 화면 전체가 스크롤 되는 효과를 표현 할 수 있는 플러그인. fullPage에서 제공하는 각종 옵션값을 수정해 다양하게 표현 할 수 있다. alvarotrigo.com/fullPage/ko/ fullPage scroll snapping. Create full screen pages fast and simple Mouse wheel snap to sections. Fast and simple to use. alvarotrigo.com 사용법 1. fullPage에서 제공하는 플러그인 파일 다운로드 및 프로젝트 파일에 js, css 연결 2. fullPage 기본 구조 및 js section 1 section 2 section 3 section 4 3. js 에 필요한..

bxslider : 슬라이드 효과를 줄 수 있는 제이쿼리 플러그인. bxslider에서 제공하는 각종 옵션값을 수정해 다양하게 표현 할 수 있다. bxslider.com/ jQuery Content Slider | Responsive jQuery Slider | bxSlider Coded with ♥ by bxslider.com 사용법 1. bxslider에서 제공하는 플러그인 파일 다운로드 및 프로젝트 파일에 js, css 연결 2. bxslider 기본 구조 및 js 첫번째 슬라이드 두번째 슬라이드 3. js 에 필요한 옵션값 추가 $(function(){ //각종 옵션 추가 시 이 영역에 추가 할 수 있다. 홈페이지 참고 pager:false, //하단 페이지 아이콘 제거 controls:false..