Blur Card

쉬움

호버 시 블러 효과가 적용되는 카드

#hover#css-only#glassmorphism

라이브 데모

Blur Card

Hover to see the blur effect

코드

cards.css
.blur-card:hover .card-content {
  filter: blur(4px);
}
.blur-card:hover .card-overlay {
  opacity: 1;
}