Floating Label Input

보통

포커스 시 라벨이 위로 올라가는 입력창

#css-only#smooth#micro

라이브 데모

코드

inputs.css
.floating-label.active {
  top: 0.5rem;
  font-size: 0.75rem;
  color: var(--accent-purple);
}