javascript

TypeScript로 작성된 웹용 확장 가능한 저수준 carousel 메뉴

조회 234 (작성일 2019.10.05 16:31)
- 음성
- 목록

웹을 위한 확장 가능한 저수준 회전식 슬라이드 기본 JavaScript로 확장하고 멋진 물리 시뮬레이션 회전 목마를 만듭니다.

종속성이 없으며 100 % 오픈 소스.

https://github.com/davidcetinkaya/embla-carousel

<div class="embla">
  <div class="embla__container">
    <div class="embla__slide">
      Slide 1
    </div>
    <div class="embla__slide">
      Slide 2
    </div>
    <div class="embla__slide">
      Slide 3
    </div>
  </div>
</div>

.embla {
  overflow: hidden;
}

.embla__container {
  display: flex;
}

.embla__slide {
  position: relative; /* Needed if loop: true */
  flex: 0 0 100%; /* Choose any width */
}