CSS3 그림자 효과

수다왕

· 8년 전 · 조회 2087 2087

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>

댓글을 작성하시려면 로그인이 필요합니다.

번호	제목	글쓴이	조회	날짜
3056	CSS Word Spacing 단어 간격	컴프	1,887	8년 전
3055	CSS Text Direction 텍스트 방향	컴프	1,978	8년 전
3054	CSS Line Height 라인 높이	컴프	1,989	8년 전
3051	CSS Letter Spacing 글자 간격 1	컴프	2,912	8년 전
3050	CSS Text Indentation 텍스트 들여 쓰기	컴프	1,942	8년 전
3049	CSS 텍스트 변환 Text Transformation	컴프	2,004	8년 전
3046	CSS 텍스트 방향 Text Direction	컴프	1,976	8년 전
3045	CSS 라인 높이 Line Height	컴프	1,847	8년 전
3044	HTML 글자 간격 Letter Spacing	컴프	2,272	8년 전
3043	CSS text-indent	컴프	2,214	8년 전
3042	CSS text-transform	컴프	2,041	8년 전
3041	CSS text-decoration	컴프	2,304	8년 전
3040	CSS Text Alignment	컴프	2,039	8년 전
3039	CSS Text Color	컴프	1,823	8년 전
3038	CSS Outline - Shorthand property	컴프	1,945	8년 전
3034	CSS Outline Width	컴프	2,175	8년 전
3033	CSS Outline Color	컴프	2,051	8년 전
3032	CSS CSS Outline	컴프	2,483	8년 전
3027	CSS CSS Box Model	컴프	2,462	8년 전
3026	CSS Setting max-width	컴프	2,038	8년 전
3025	CSS CSS Height and Width	컴프	1,662	8년 전
3024	CSS CSS Padding	컴프	2,305	8년 전
3023	CSS CSS Margins	컴프	1,979	8년 전
3022	CSS CSS Border Properties	컴프	2,598	8년 전
3021	CSS CSS Syntax and Selectors	컴프	1,959	8년 전
3020	HTML The HTML <audio> Element	컴프	2,047	8년 전
3019	HTML HTML <video> 요소 1	컴프	2,518	8년 전
3018	HTML html google map	컴프	2,610	8년 전
3017	HTML SVG와 캔버스의 차이점	컴프	3,717	8년 전
3016	HTML SVG Logo	컴프	2,149	8년 전

이전 다음

11 12 13 14 15

전체 목록