Shadow & Cursor

Shadow 

1.  values;

text-shadow: offset-x ;	그림자의 수평 거리 지정 (필수) offset-x의 값을 증가시키면 그림자의 위치가 오른쪽으로 이동
text-shadow: offset-y;	그림자의 수직 거리 지정 (필수) offset-y의 값을 증가시키면 그림자의 위치가 아래로 이동
text-shadow: blur-radius;	흐림 정도 지정 (선택 : 값을 정하지 않으면 0) blur-radius의 값을 증가시키면 그림자가 흐려짐
text-shadow: color;	색 지정 (선택 : 값을 정하지 않으면 브라우저 기본값)
text-shadow:none ;	글림자 효과 제거
text-shadow: initial;	기본값으로 설정
text-shadow: inherit;	부모 요소의 속성값을 상속 받음

 

2.  예제

CSS\webapp\07_ShadowCursor
exam01.html	텍스트 그림자 만들기
exam02.html	박스 그림자 만들

 

---

 

Cursor

1.  values;

cursor: crosshair;	십자 모양 커서
cursor: help;	도움말 모양 커서
cursor: pointer;	포인터 모양 커서
cursor: progress;	프로그램 실행 중 모양 커서
cursor: n-resize;	상하 크기 조절 모양 모양 커서

 

2.  예제

CSS\webapp\07_ShadowCursor
exam03.html	마우스 커서