Neon Card

쉬움

네온 글로우 효과가 있는 카드

#hover#css-only#neon#glassmorphism

라이브 데모

Neon Glow

A card with vibrant neon glow effect that intensifies on hover.

코드

cards.css

.neon-card {
  box-shadow: 0 0 10px rgba(139, 92, 246, 0.3), inset 0 0 10px rgba(139, 92, 246, 0.1);
}
.neon-card:hover {
  box-shadow: 0 0 30px rgba(139, 92, 246, 0.6), inset 0 0 20px rgba(139, 92, 246, 0.2);
}