OULOOK

OULOOK

  • 분류 전체보기 (25)
    • Drawing (0)
    • Html, Css (23)
    • Java Script (0)
    • jQuery (0)
    • Swiper (2)
  • 홈
  • 태그
  • 방명록
RSS 피드
로그인
로그아웃 글쓰기 관리

OULOOK

컨텐츠 검색

태그

slidesperview navgation swiper flexbox html spacebetween boxmodel Web Selector Markup list-style border-radius transform 이미지삽입 Coding pagination src cssmode Slide CSS

최근글

댓글

공지사항

아카이브

spacebetween(1)

  • Swiper 활용하기 - 01

    swiper를 이용해서 움직이는 슬라이드를 만드는게 가능해졌다.버튼을 만들어 클릭 기능을 만들고, 자동으로 넘어가는 기능, 다양한 이펙트 종류도 알게 되었다. 이번엔 새로운 기능과 함께화면에 보여지는 디자인에 관련된 속성을 공부해보려고 한다. 주로 화면에 하나의 슬라이드만 보이는 디자인이 많이 보이지만,여러 상품 리스트 같이 화면에 2개 이상의 요소를 보여줘야 할 때가 있다. 화면에 보여지는 슬라이드 갯수를 조절하는 속성 "slides per view" 이다 1. 화면에 보이는 슬라이드 갯수 조절 Slides per view의 core에 들어가코드를 가져온다. 속성값에 숫자를 입력하게 되면한 화면에 보이는 슬라이드 갯수를 조절 할 수 있다.기본은 1이고, 만약 swiper에서가 아닌 css 에서 크기 조..

    2025.05.21
이전
1
다음
티스토리
© 2018 TISTORY. All rights reserved.

티스토리툴바