웹 사이트에서 작업 중이고 텍스트에 그림자를 추가하고 싶습니다. CSS 만 사용하면 쉽게 할 수 있습니까? 나는 그 아래에 텍스트의 더 어두운 복제본을 배치하려고 시도했지만, 그것은 다른 크기에 어려울 것입니다.css 텍스트 그림자
답변
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에 오신 것을 환영합니다! 그게 도움이 되었길 바래!
멋진 작품입니다! –
@LifeKnife 효과가있는 경우 대답 옆의 녹색 체크 표시를 클릭하여 "수락 됨"으로 표시하십시오. – Chris
Google에서 답변을 검색하도록 사람들에게 말하지 마십시오. 그래서 답변의 신뢰할 수있는 저장소가되기위한 것입니다 ... 심지어 Google은 그것을 알고 있습니다. –
당신은 텍스트에 CSS 텍스트 그림자 당신이 원하는 모든 시간을 사용할 수 있습니다
text-shadow:1px 0px 2px grey, -1px 0px 2px grey, 0px 1px 2px grey, 0px -1px 2px grey;
텍스트 주위에 그림자 전체를 만듭니다.
- 1. CSS 텍스트 그림자
- 2. jQuery/CSS 텍스트 그림자 효과
- 3. jQuery를 애니메이션 "텍스트 그림자"CSS 속성
- 4. IE 3의 CSS 3 텍스트 그림자
- 5. 크롬과 모질의 CSS 텍스트 - 그림자 차이
- 6. 그림자 효과 텍스트 : CSS 또는 그래픽?
- 7. 텍스트 상자에 그림자 추가
- 8. iOS5에서 텍스트 그림자 동작
- 9. IE에서 텍스트 그림자, 대안
- 10. Oposite place의 CSS 그림자
- 11. 삼각형 div CSS 그림자
- 12. CSS : 그림자 부분을 숨기기
- 13. CSS 메뉴 그림자 문제
- 14. CSS : 그림자 오버레이
- 15. 텍스트 - 그림자 속성 값에 액세스
- 16. IE 텍스트 그림자 해킹
- 17. DrawRect 텍스트 그림자 추가
- 18. jquery가있는 텍스트 그림자
- 19. IE 용 텍스트 그림자
- 20. 안드로이드의 큰 텍스트 그림자
- 21. UIActionsSheet 텍스트 그림자 문제
- 22. 크로스 브라우저 CSS, 그림자, 그라데이션
- 23. 삼각형 주위에 CSS 상자 그림자
- 24. CSS 상자 그림자 및 여백
- 25. IE 브라우저 용 CSS 그림자?
- 26. 테이퍼/페이드 CSS 상자 그림자?
- 27. IE의 CSS 호환성. 상자 그림자
- 28. CSS 문제 상자 그림자 (세로로 렌더링 된 텍스트 사용시)
- 29. 상자 그림자 CSS 속성, 그림자 효과를 효과적으로 생성하는 방법은 무엇입니까?
- 30. css3 텍스트 용 텍스트 그림자 # 037ECC
텍스트 그림자 속성이 이전 버전의 IE에서 작동하지 않는다는 것을 지적하고 싶습니다. –