정보실

웹학교

정보실

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

본문

웹을 위한 확장 가능한 저수준 회전식 슬라이드 기본 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 */
}


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



페이지 정보

조회 49회 ]  작성일19-10-05 16:31

웹학교