본문 바로가기

카테고리 없음

CSS로 표현한 포켓몬 홀로그램 카드 (deck-24abcd.netlify.app)

반응형

CSS로 표현한 포켓몬 홀로그램 카드를 소개합니다.

포켓몬 카드의 얼굴에 사실적인 효과를 주는 고급 CSS 스타일 모음입니다.
카드는 3D 변환, 필터, 혼합 모드, CSS 그라디언트 및 상호 작용을 사용하여 자세히 볼 때 독특한 경험을 제공합니다!

주요내용을 정리하자면 아래와 같습니다. 

  • 수집용 포켓몬 카드의 홀로그램 효과를 실제처럼 보이게 만드는 다양한 CSS 효과들을 적용
    → 3d transforms, filters, blend modes, css gradients
  • 마우스 위치에서 flare/glare 이펙트 처리
  • Holofoil 카드들을 표현하기 위해 Vertical Beam 효과 주기
  • Galaxy Holofoil / Radiant Holofoil 효과등

좀 더 자세한 내용은 아래와 웹페이지를 방문해보시면 좋을것 같네요...


오늘의 블로그는 여기까지고요.
항상믿고 봐주셔서 감사합니다. 

728x90
300x250