웹4 - 1강 (6.10)

[스와이퍼 복습]

코드펜 - 스와이퍼 복습 + 버튼 커스텀

6.10스와이퍼 복습 + 버튼 커스텀

 

 

[스와이퍼 버튼 여백]

버튼 위치 설정 시 중요 포인트 (상단 코드펜에 적혀있음)

1. container에 relative를 설정해 주어야 함.

2. swiper-box와 button이 container 안에 들어가야 함.

  - 이유: container 밖으로 button이 나갈 시 개발자모드 기본 설정인 overflow: hidden; 처리가 되어 사라질 수 있기 때문.

스와이퍼 버튼 여백 설정과 커스텀 코드펜 이동

translate를 활용한 absolute 중앙정렬 코드펜 이동