CSS3에서 텍스트 그림자를 설정하는 방법은 무엇입니까? CSS3에서 텍스트 그림자를 사용하여 텍스트 그림자를 설정하는 방법

不言
풀어 주다: 2018-09-25 11:33:37
원래의
4450명이 탐색했습니다.

css3에는 사용하기 매우 편리하고 간결한 속성이 많이 있습니다. 따라서 오늘 기사에서는 css3의 text-shadow 속성을 소개합니다. 이 속성은 text-shadow 속성 설정과 관련된 속성을 추가합니다. 가치. CSS3에서 text-shadow를 사용하여 텍스트 그림자를 설정하는 구체적인 내용을 살펴보겠습니다.

먼저 text-shadow 속성을 자세히 살펴보겠습니다.

text-shadow 속성: CSS3에서는 text-shadow 속성을 사용하여 페이지의 텍스트에 그림자 효과를 추가할 수 있습니다. 관련 속성 값을 ​​​​설정하여 필요한 글꼴 그림자 효과를 얻을 수 있습니다. text-shadow 속성을 사용하여 이미지 사용을 줄입니다.

text-shadow 속성 사용 방법: text-shadow: X축 Y축 Rpx 색상

속성 설명(해당 순서): 그림자 값) 그림자 흐림 값(반경 크기) 그림자 색상.

다음으로 css3 텍스트 그림자 설정의 작은 예를 살펴보겠습니다.

<h1>PHP中文网文字阴影</h1>
로그인 후 복사
h1{
    text-shadow: 2px 3px 1px pink;
     color:blue;
}
로그인 후 복사

css3 텍스트 그림자 효과 설정은 다음과 같습니다.

CSS3에서 텍스트 그림자를 설정하는 방법은 무엇입니까? CSS3에서 텍스트 그림자를 사용하여 텍스트 그림자를 설정하는 방법

설명:

1) 변위 거리: 텍스트에 사용됨 -shadow 매개변수 중 처음 두 매개변수는 텍스트에서 그림자의 수평 및 수직 변위 거리입니다. 이 두 매개변수는 사용 시 지정되어야 합니다.

2) 그림자의 흐림 반경: 세 번째 매개변수입니다. text-shadow 속성은 그림자가 바깥쪽으로 흐려질 때 흐림 범위를 나타내는 그림자 흐림 반경입니다.

3) 그림자 색상: text-shadow 속성의 네 번째 매개변수는 그림자를 그릴 때 사용되는 색상입니다. 세 매개변수 앞에 배치할 수도 있습니다. 색상 값을 지정하지 않으면 텍스트의 색상 값이 사용됩니다.

위 내용은 CSS3에서 텍스트 그림자를 설정하는 방법은 무엇입니까? CSS3에서 텍스트 그림자를 사용하여 텍스트 그림자를 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿