박스이미지를 만들고 그림자 또한 포토샵으로 처리하는 경우가 많은데
CSS로 처리하면 빠르고 편합니다!
컬러값이나 픽셀변경으로 거리나 투명도 등 조정이 가능합니다.
<style>
// 그림자와 무관
body { background-color:#f3f3f3; }
div {
width:300px;
height:200px;
padding:20px;
margin: 50px;
background-color:#ffffff;
}
// 그림자 부분
.test { box-shadow: 30px 30px 70px rgba(0,0,0,0.2); }
</style>
<div class="test"></div>
결과물

댓글 4개
게시글 목록
| 번호 | 제목 |
|---|---|
| 415 | |
| 412 | |
| 411 | |
| 410 | |
| 409 | |
| 408 | |
| 407 | |
| 406 | |
| 403 | |
| 390 | |
| 389 | |
| 387 | |
| 381 | |
| 378 | |
| 370 | |
| 363 | |
| 356 | |
| 354 | |
| 353 | |
| 350 | |
| 348 | |
| 346 | |
| 345 | |
| 344 | |
| 343 | |
| 341 | |
| 333 | |
| 329 | |
| 328 | |
| 325 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기