일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
- Encoding
- fixed
- 이미지확대
- I/O
- transform
- 기사
- static
- STREAM
- position
- codepage
- transition
- 정보처리 산업기사
- Spring
- 정보처리기사
- 스마트에디터
- call by value
- call by refelrence
- SQL
- MySQL
- where
- text-shadow
- relative
- 정보처리
- ABSOLUTE
- UTF-8
- datasourceexplorer
- box-sizing
- method
- 산업기사
- Today
- Total
a battle with myself
[css] text shadow 본문
text-shadow 효과... 그림자 효과..
기본....
text-shadow: h-shadow v-shadow blur-radius color;
text-shadow: 오른쪽 아래쪽 그림자길이 색상;
오른쪽 아래쪽 0으로 적용시 전체에 효과가 생긴다.
text-shadow 효과보기..
shadow 효과 적용 - 미적용
---------------------------------------------------------------------------------------------------------------------------------------------------------
아래쪽으로 3px 그림자길이를 3px 이번엔 잘보이게 빨간색으로...
text-shadow: 0 2px 3px #f00;
-moz-text-shadow: 0 2px 3px #f00;
-webkit-text-shadow: 0 2px 3px #f00;
-o-text-shadow: 0 2px 3px #f00;
text-shadow 효과보기..
---------------------------------------------------------------------------------------------------------------------------------------------------------
오른쪽으로 3px 그림자길이를 3px 이번엔 녹색으로...
text-shadow: 2px 0 3px #0f0;
-moz-text-shadow: 2px 0 3px #0f0;
-webkit-text-shadow: 2px 0 3px #0f0;
-o-text-shadow: 2px 0 3px #0f0;
text-shadow 효과보기..
'html + css' 카테고리의 다른 글
[css] 이미지 확대 / transform:scale / transition:transform (2) | 2016.07.04 |
---|---|
[css] position(static/relative/absolute/fixed) (2) | 2016.06.29 |
[css] box-sizing:border-box (0) | 2016.05.29 |