text-shadow , box-shadow

text-shadow    :    텍스트에 그리자 추가하기

 

text-shadow: 가로축거리     세로축거리     퍼짐도     색상;

 

css

span { font:bold 150px/1.6 verdana; color:lightblue; margin:50px; }

span:nth-child(1) { text-shadow: 5px 5px 5px #333; }

span:nth-child(2) { text-shadow: -5px -5px 10px #333; }

 

 

box-shadow     :    블록 요소에 그리자 추가하기

 

box-shadow:  가로축거리     세로축거리     퍼짐도     색상;

 

css

div { width:300px; height:300px; float:left; margin:50px; background:lightgreen; }

div:nth-child(1) { box-shadow: 10px 10px 10px #333; }

div:nth-child(2) { box-shadow: -10px -10px 20px #333 }