CSS3 그림자 효과
CSS3를 사용하면 텍스트와 요소에 그림자를 추가 할 수 있습니다.
이 장에서는 다음 속성에 대해 학습합니다.
1. text-shadow
2. box-shadow
CSS3 text-shadow속성은 텍스트에 그림자를 적용합니다.
가장 간단한 방법은 수평 그림자 (2px)와 수직 그림자 (2px) 만 지정하는 것입니다.
예)
h1 {
text-shadow: 2px 2px;
}
<!DOCTYPE html>
<html>
<head>
<style>
h1 {
text-shadow: 2px 2px;
}
</style>
</head>
<body>
<h1>Text-shadow effect!</h1>
<p><b>Note:</b> Internet Explorer 9 and earlier versions, do not support the text-shadow property.</p>
</body>
</html>
게시글 목록
| 번호 | 제목 |
|---|---|
| 3293 |
기타
W3.CSS 테두리
|
| 3292 | |
| 3291 | |
| 3290 |
기타
W3.CSS 둥근 패널
|
| 3289 | |
| 3288 | |
| 3286 | |
| 3285 | |
| 3284 |
CSS
W3.CSS 패널
|
| 3282 |
기타
W3.CSS 테이블
|
| 3281 |
기타
W3.CSS 경고
|
| 3280 |
기타
W3.CSS 컨테이너
|
| 3279 | |
| 3278 |
기타
SVG <rect>
|
| 3277 |
기타
HTML의 SVG
|
| 3276 | |
| 3275 | |
| 3274 | |
| 3273 |
CSS
반응형 미디어쿼리
|
| 3272 | |
| 3271 |
웹접근성
로그인 자동완성 제외~
|
| 3270 | |
| 3269 | |
| 3268 | |
| 3267 | |
| 3266 | |
| 3265 |
CSS
CSS3 미디어 쿼리
|
| 3263 |
HTML
유튜브 댓글 입력 스타일
|
| 3262 | |
| 3261 |
CSS
플렉스 항목 속성
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기