일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 코드공유
- 비전공자
- 자바스크립트
- 실기
- 렛츠기릿자바스크립트
- jQuery
- github
- JavaScript
- CSS
- 세로메뉴바
- 리액트
- git
- 슬라이드전환
- Supabase
- HTML
- 타입스크립트
- 웹디자인기능사
- 웹디실기
- 프론트엔드
- 정보처리기사
- web
- 깃
- PROJECT
- 웹퍼블리셔
- 생활코딩
- JS
- 연산자
- react
- 웹디자인기능사실기
- 코딩독학
Archives
- Today
- Total
목록상하슬라이드 (1)
코딩하는라민

2. 이미지 좌우 슬라이딩 .wrap{ width: 500px; height: 250px; margin: 0 auto; position: relative; overflow: hidden; } .img_list{ width: 1500px; height: 250px; position: absolute; top: 0; left: 0; } .img_list li{ float: left; } .img_list img{ width: 500px; height: 250px; } - li 의 ②부모의 너비(ul)가 이미지의 w의 길이만큼, 개수만큼 넓어야한다. ex) li 하나의 너비가 500px 이고, li가 총 3개이면, ul의 너비는 1500px이 되는 것 - li 는 flow: left; 를 해워야 옆으로 흐를 ..
Core/Jquery
2022. 9. 23. 08:00