728x90
Swiper - 기본 설정
20220228 오후부터 진행하던 작업인데 끝마치지 못해서 20220301 오전에 시도 해보던 중 코드만 보고, 공식문서 보면서 헛발질 하는 것 보다는 검색 해보자!! 라는 마음으로 swiper 라이브러리 모바일
eundol1113.tistory.com
Swiper - 양 옆에 이동 버튼 만들기
Swiper - 기본 설정 20220228 오후부터 진행하던 작업인데 끝마치지 못해서 20220301 오전에 시도 해보던 중 코드만 보고, 공식문서 보면서 헛발질 하는 것 보다는 검색 해보자!! 라는 마음으로 swiper 라
eundol1113.tistory.com
팝업에서 벗어난 부분에서 슬라이드가 나타나는 것보다는 슬라이더 넘어갈 때
width 안에서만 보이도록 수정 해달라고 하셔서 .web-popup의 width를 100% → 500px로 변경했다.
.web-popup {
width: 500px;
left: 60%;
position: fixed;
z-index: 10001;
/* display:none; */
top: 18%;
-webkit-animation-name: webAnimatebottom;
-webkit-animation-duration: 1s;
animation-name: webAnimatebottom;
animation-duration: 1s;
}Swiper API
Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior.
swiperjs.com
728x90
'더 알아보기 > 기능' 카테고리의 다른 글
| [React] Caps Lock 키 활성화 유무 체크하기 (0) | 2022.03.08 |
|---|---|
| [React] 화면 사이즈 구하기 - resize 이벤트 (0) | 2022.03.04 |
| Swiper - 양 옆에 이동 버튼 만들기 (0) | 2022.03.02 |
| Swiper - 기본 설정 (0) | 2022.03.02 |
| [React] JSX에서 Switch문 사용하는 방법 (0) | 2022.02.22 |
댓글