수

CSS3 그림자 효과 네번째

· 2017-08-15 (화) 23:07:50 · 2094

CSS3 그림자 효과 네번째


여러 그림자

텍스트에 두 개 이상의 그림자를 추가하려면 쉼표로 구분 된 그림자 목록을 추가하면됩니다.

다음 예제는 빨강 및 파랑 네온 광선 그림자를 보여줍니다.


91308e91ff090fb4abed793c1e3856ce_1502806020_4613.png


예

h1 {

    text-shadow: 0 0 3px #FF0000, 0 0 5px #0000FF;

}




<!DOCTYPE html>

<html>

<head>

<style>

h1 {

    text-shadow: 0 0 3px #FF0000, 0 0 5px #0000FF;

}

</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>


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

퍼블리셔팁

1,282건

퍼블리싱과 관련된 유용한 정보를 공유하세요. 질문은 상단의 QA에서 해주시기 바랍니다.

+
분류 제목 글쓴이 날짜 조회
CSS 17-08-23 조회 2,112
CSS 17-08-23 조회 2,131
CSS 17-08-22 조회 1,901
CSS 17-08-22 조회 2,210
CSS 17-08-22 조회 2,649
CSS 17-08-20 조회 2,260
CSS 17-08-20 조회 1,563
CSS 17-08-20 조회 1,785
CSS 17-08-18 조회 1,812
CSS 17-08-18 조회 1,931
CSS 17-08-18 조회 2,252
CSS 17-08-17 조회 2,553
CSS 17-08-17 조회 2,214
CSS 17-08-17 조회 2,185
CSS 17-08-16 조회 2,053
CSS 17-08-16 조회 1,836
CSS 17-08-16 조회 1,825
CSS 17-08-15 조회 2,033
CSS 17-08-15 조회 2,095
CSS 17-08-15 조회 1,915
CSS 17-08-11 조회 1,809
CSS 17-08-11 조회 2,458
CSS 17-08-11 조회 2,575
CSS 17-08-10 조회 1,920
CSS 17-08-10 조회 2,437
CSS 17-08-10 조회 2,236
CSS 17-08-09 조회 2,132
CSS 17-08-09 조회 2,566
CSS 17-08-09 조회 2,117
CSS 17-08-07 조회 2,377