목록Carousel (1)

프론트엔드 첫걸음

Carousel 만들기

[코딩애플 JavaScript 입문과 웹 UI개발] 강의 수강 후 배운 것을 정리한 것입니다. https://codingapple.com/course/javascript-jquery-ui/ 캐러셀은 CSS가 관건이다. 사진이 들어가는 slide list는 사진크기의 3배로 두고 사진을 하나만 보여주는 slide container는 사진크기의 1배로 두고, overflow:hidden을 주면된다. img { vertical-align: bottom; } .slide-container { overflow: hidden; width: 30vw; } .slide-list { background-color: grey; width: 90vw; transition: all 1s; display: flex; } .sl..
개발 공부/Javascript 2022. 7. 15. 18:10
이전 Prev 1 Next 다음