Pill Tab

쉬움

알약 스타일 탭

#click#css-only#smooth

라이브 데모

Content for Tab 1

코드

tabs.css
.pill-tab {
  border-radius: 20px;
  padding: 0.5rem 1.5rem;
}
.pill-tab.active {
  background: var(--accent-purple);
  color: white;
}