Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 | 31 |
Tags
- 프로그래머스 코딩테스트
- 합계 알고리즘
- scss
- inline
- string
- @mixin
- 자바스크립트
- HTML
- SASS
- float
- layout
- Em
- 문자열
- carousel slider
- VSCODE단축키
- html 태그
- 인라인
- javascript
- TAG
- 알고리즘
- js
- 전개연산자
- 인라인블록
- css
- input
- 프로그래머스
- ::before
- object
- vscode
- 코딩테스트
Archives
- Today
- Total
목록carousel slide (1)
Outputor
carousel slider 업그레이드 버전
carousel slider 업그레이드 버전 prev 버튼을 누르면 이전 슬라이더를 보여줌 next 버튼을 누르면 다음 슬라이더를 보여줌 슬라이더를 추가하고 싶으면 .slide-container의 width값을 변경해주고 슬라이더를 추가해주면 끝임 (각 슬라이더는 300px이고 원하는 값으로 변경하려면 inner, .slider-container, slide-box의 width값을 변경하면 됨) - [x] 1번 슬라이드가 보일때 PREV버튼을 누르면 이동안함 - [x] 2번 슬라이드가 보일때 PREV버튼을 누르면 0px를 이동함 - [x] 3번 슬라이드가 보일때 PREV버튼을 누르면 -300px를 이동함 - [x] 1번 슬라이드가 보일때 NEXT버튼을 누르면 -300px 이동함 - [x] 2번 슬라이드가..
🦉 프로젝트 🔻/🐞 프로젝트
2022. 1. 27. 12:41