모바일쪽에서 손 이동에 따라서 움직이는 대표적인 슬라이더 입니다.해당 데모 주소http://idangero.us/swiper/demos/
깔끔한 네비
스타일이 적용된 체크박스, 라디오박스 입니다.
CSS 로 제작된 간단한 네비게이션
CSS 로 제작된 여러종류의 네비게이션
반응형 네비게이션 입니다. 확장성이 좋습니다. MIT 라이센스 이며 상업적인 용도 사용 가능합니다.메가 네비게이션 보다 뒤떨어지지 않는 네비게이션 입니다.아래 사이트에 방문하시면 네비게이션의 사용법을 볼 수 있습니다
bootstrap-select-1.12.4 버전 입니다.셀렉트 박스 스샷을 보시면 아시겠지만 셀렉트 시에 보다 가독성이 좋으며 퀄리가 보장되는 셀렉트 박스 형태로 제작되었습니다.MIT 라이센스로 배포되는 자료이며웹사이트 제작시에 사용하면 좋은 셀렉트박스 라이브러리 입니다.
버튼을 클릭하면 보이기/숨기기 할수 있는 토글 기능 입니다.기본 메뉴구성이 되어 있습니다.
메뉴클릭시 해당 페이지로 애니메이션 효과를 내며 이동하는 네비게이션 입니다.1.링크네비게이션을 사용하기 위해서 링크를 합니다.<!-- this goes inside the header tag--><link href="//cdnjs.cloudflare.com/ajax/libs/animate.css/3.0.0/animate.min.css" rel="stylesheet" type="text/css"><!-- all these references goes before the closing body tag-->…
CSS 로 직접 애니메이션을 구현하다보면 미세조정이라든가 부드러운 효과를 내기위해서는더 많은 공부를 하거나 작업량이 대폭 늘것으로 예상됩니다.css 라이브러리로 지원되는 ANIMATE.CSS 라는 파일이 있습니다.깃허브에서 다운로드 받거나 첨부파일을 다운로드 하여 압축을 풀어 줍니다.해당 ANIMATE.CSS 에 대한 사용법에 대해서 설명하는 시간을 가져보도록 하겠습니다.우선 데모를 확인해주세요http://ety.kr/ex/css/css_animation_03.html위의 주소에 있는 효과를 내는것인데 직접 만든것보다 깔끔하고 효과…
FlexSlider2 슬라이드는 아주 쉽게 슬라이드를 구현할 수 있도록 해주는 라이브러리 입니다.html 파일과 js 파일을 예제를 쉽게 사용할 수 있습니다.좌측에 샘플 메뉴를 제공해주기 때문에 초보자도 쉽게 따라할 수 있습니다.