(css3) div에 그림자 효과 구현하는 방법

css3에서는 그림자 효과도 지원한다.

box-shadow 옵션을 통해 구현할 수 있다!

다음과 같이 처리하면 된다!


<style> 
div {
width: 50px;
height: 50px;
background-color: blue;
box-shadow: 10px 10px 5px #888888;
}
</style>
<div></div>


그림자 효과는 css3의 입문 단계에 불과하다!

더 엄청난 이펙트들이 기다리고 있다!