Border Gradient Card

보통

애니메이션되는 그라디언트 테두리 카드

#animation#css-only#gradient

라이브 데모

Border Gradient

Animated gradient border

코드

cards.css

@keyframes rotate {
  to { transform: rotate(360deg); }
}
.border-gradient-card::before {
  background: conic-gradient(from 0deg, var(--accent-purple), var(--accent-pink));
  animation: rotate 3s linear infinite;
}