# CSS로 표현한 포켓몬 홀로그램 카드

> Clean Markdown view of GeekNews topic #7704. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=7704](https://news.hada.io/topic?id=7704)
- GeekNews Markdown: [https://news.hada.io/topic/7704.md](https://news.hada.io/topic/7704.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2022-11-01T10:58:01+09:00
- Updated: 2022-11-01T10:58:01+09:00
- Original source: [deck-24abcd.netlify.app](https://deck-24abcd.netlify.app/)
- Points: 25
- Comments: 6

## Topic Body

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

## Comments



### Comment 12972

- Author: greenhead
- Created: 2022-11-02T10:05:23+09:00
- Points: 1

CSS만 잘하면 뭐... 최고죠

### Comment 12969

- Author: alstjr7375
- Created: 2022-11-01T23:36:09+09:00
- Points: 1

어우 저게 가능하군요 ㄷㄷㄷ

### Comment 12966

- Author: laeyoung
- Created: 2022-11-01T17:04:18+09:00
- Points: 1

와아...

### Comment 12964

- Author: ifmkl
- Created: 2022-11-01T13:13:18+09:00
- Points: 1

와 감탄만 나오네요

### Comment 12963

- Author: jjpark78
- Created: 2022-11-01T11:19:30+09:00
- Points: 1

제가 프론트를 포기한 이유가.. 바로 CSS죠. ㅎ

### Comment 12961

- Author: kuroneko
- Created: 2022-11-01T11:04:20+09:00
- Points: 1

CSS 효과로 저렇게 되는게 정말 신기하군요. CSS의 세계는 넓습니다...