2012-08-30 5 views
1

웹 사이트에서 작업 중이고 텍스트에 그림자를 추가하고 싶습니다. CSS 만 사용하면 쉽게 할 수 있습니까? 나는 그 아래에 텍스트의 더 어두운 복제본을 배치하려고 시도했지만, 그것은 다른 크기에 어려울 것입니다.css 텍스트 그림자

+1

텍스트 그림자 속성이 이전 버전의 IE에서 작동하지 않는다는 것을 지적하고 싶습니다. –

답변

3

CSS3text-shadow 속성을 사용하면이 효과를 얻을 수 있습니다. 이 지정을위한 일반적인 형식은 다음과 같습니다

text-shadow: *left-offset* *top-offset* *blur-distance* *color*; 

사용 예 : IE의

text-shadow: 2px 2px 1px #000000, -2px -2px 1px #111111; 

이전 버전을하지 않는 : 당신은 쉼표로 자신의 정의를 구분하여 여러 개의 그림자를 만들 수 있습니다

text-shadow: 2px 2px 1px #000000; 

이 속성을 지원합니다. 당신이 사용할 필요가 filter : 당신은 당신의 취향이 무엇 이건 값을 대체

filter: DropShadow(Color=#000000, OffX=2, OffY=2); 

.

참고 : 귀하의 질문에 대한 대답은 아주 쉽게 큰 검색 엔진 Google를 사용하여 찾을 수 있습니다. 다음 번에 질문을하기 전에 시도하십시오.

다른 메모 : 당신이 실제로 작업하고있는 웹 사이트가 성인용 웹 사이트라고 말할 필요는 없습니다. 완전히 관련성이 없으며 일부 사용자에게는 조금 싫어할 수도 있습니다.

Stackoverflow에 오신 것을 환영합니다! 그게 도움이 되었길 바래!

+0

멋진 작품입니다! –

+0

@LifeKnife 효과가있는 경우 대답 옆의 녹색 체크 표시를 클릭하여 "수락 됨"으로 표시하십시오. – Chris

+0

Google에서 답변을 검색하도록 사람들에게 말하지 마십시오. 그래서 답변의 신뢰할 수있는 저장소가되기위한 것입니다 ... 심지어 Google은 그것을 알고 있습니다. –

1

당신은 텍스트에 CSS 텍스트 그림자 당신이 원하는 모든 시간을 사용할 수 있습니다

text-shadow:1px 0px 2px grey, -1px 0px 2px grey, 0px 1px 2px grey, 0px -1px 2px grey; 

텍스트 주위에 그림자 전체를 만듭니다.