1. -moz-linear-gradient


background-image: -moz-linear-gradient(center bottom, #FFFFFF 90%, #CCCCCC 100%);
                                                          ( 시작위치,         시작 색깔,         겉 색깔)        
 

2. box-shadow  

box-shadow: 0 -10px 2px 0px #838383 
(가로 오프셋, 세로 오프셋, 그림자의 부드러움, 그림자의 색깔) 
가로 오프셋 ( 양수 -> 오른쪽 그림자 생성)
                ( 음수 -> 왼쪽 그림자 생성) 
세로 오프셋 ( 양수 -> 아래 그림자 생성)
                ( 음수 -> 위에 그림자 생성) 
그림자의 부드러움을 0으로 설정하게 되면 박스 형태로 그림자가 생성된다...즉 날카로워 진다. 

'프로그래밍 > HTML5+CSS' 카테고리의 다른 글

Aptana studio 3 설치 및 Nodejs 오류 해결  (6) 2015.11.25
[Aptana]Aptana Studio 3 설치하기  (4) 2013.12.16
[HTML5]HTML5 <audio> - loop  (0) 2012.01.11
[HTML]HTML 생삭 코드표  (0) 2012.01.06
[HTML5]KeyEvent 설정하기!!!  (1) 2012.01.02