Swiper로 만드는 반응형 탭 인터페이스 - 구루미비즈 예제
안녕하세요 찐망고 입니다.오늘은 두개의 swiper를 이용하여 탭을 만들어볼건데요. 참고 사이트는 구루미비즈입니다. AI 화상 솔루션 구루미비즈AI화상상담솔루션, AI교육, AI서비스 구축을 위한 최적의 AI화상플랫폼biz.gooroomee.com 먼저, 각각의 Swiper 코드부터 살펴볼까요?const swiper01 = new Swiper(".s01-swiper", { slidesPerView: 1.3, spaceBetween: 20, pagination: { el: ".s01-swiper .swiper-pagination", type: "progressbar", }, breakpoints: { 1281: { ..
플러그인/swiper
2024. 6. 4. 00:52
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 프로그래밍기초
- JavaScriptTips
- 슬라이드플러그인
- css4
- 웹디자인
- 코딩교육
- CSS3
- 피그마플러그인
- css그리드
- margin
- 웹접근성
- 자바스크립트숫자카운트
- padding
- 포토샵합성
- JavaScript
- css
- 시멘틱마크업
- Border
- 반응형웹
- slickAPI
- 디자인팁
- uidesign
- 크로스브라우징
- Slick
- 스마트폰해상도
- 웹표준
- boxmodel
- UI디자인
- uxdesign
- uiux
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 | 29 |
30 |
글 보관함