웹표준 html,css,javascript 실무 과정 자료] Box-shadow

웹표준 html,css,javascript 실무 과정 자료] Box-shadow

웹표준 html,css,javascript 실무 과정 자료] Box-shadow

실무개발자를위한 실무교육 전문교육센터학원

www.oraclejava.co.kr에 오시면 보다 다양한 강좌를 보실 수 있습니다.

Box-shadow

■ 박스에 음영을 넣는 프로퍼티

■ 색: 음영색

■ 실수값+단위: 수치에 단위를 붙여 음영의 길이 지정. 스페이스로 구분

   - 첫번째 값: 오른쪽으로 얼마만큼 옮길지(음수값은 왼쪽)

   - 두번째 값: 아랫쪽으로 얼마만큼 옮길지(음수값은 위쪽)

   - 세번째 값: 음영을 흐리게 할 범위: 값이 클수록 윤곽이 흐려짐. ‘0’인 경우 음영윤곽이 선명

   - 네번째 값: 음영을 넓힐 거리(양수값: 음영이 모든 방향으로 퍼짐. 음수값 음영이 작아짐)