CSS Carousel 버튼

Jmnote (토론 | 기여)님의 2021년 10월 13일 (수) 04:34 판 (새 문서: ==개요== ;CSS Carousel 버튼 <syntaxhighlight lang='html' run> <style> .dot { display: inline-block; background: none; color: inherit; border: none; padding: 0 !importan...)
(차이) ← 이전 판 | 최신판 (차이) | 다음 판 → (차이)

개요

CSS Carousel 버튼
<style>
.dot {
  display: inline-block;
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
}
.dot span {
  display: block;
  width: 10px;
  height: 10px;
  margin: 5px;
  background: #D6D6D6;
  border-radius: 9px;
}
.dot.active span {
  background: #899;
}
</style>

<div class="dots">
  <button class="dot"><span></span></button>
  <button class="dot"><span></span></button>
  <button class="dot active"><span></span></button>
  <button class="dot"><span></span></button>
</div>
문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}