# 3D 책 이미지 CSS 생성기

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

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=2508](https://news.hada.io/topic?id=2508)
- GeekNews Markdown: [https://news.hada.io/topic/2508.md](https://news.hada.io/topic/2508.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2020-07-23T09:40:00+09:00
- Updated: 2020-07-23T09:40:00+09:00
- Original source: [3d-book-css.netlify.app](https://3d-book-css.netlify.app/)
- Points: 8
- Comments: 1

## Topic Body

책 표지를 넣으면 3차원으로 된 두께가 있는 책 + 그림자 CSS를 생성

마우스 호버 시 책 커버가 살짝 회전하는 효과 포함

ㅤ→ 기본 각도 및 호버 시 각도 조절 가능

ㅤ→ 애니메이션 지속시간 변경 가능

책 두께 및 테두리 곡률 조정

## Comments



### Comment 2376

- Author: xguru
- Created: 2020-07-23T09:40:03+09:00
- Points: 1

개인으로 책 출판하거나, 자신의 웹사이트에서 책 소개할 때 쓰기 좋겠네요.

비슷하지만 다양한 형태로 만들때는 https://diybookcovers.com/3Dmockups/ 같은 것도 있습니다.

- 킨들에 넣거나, 킨들/책/스마트폰을 같이 보여주는 형태의 이미지 만들기도 가능합니다.