CSS에 text-shadow
을 추가하는 방법이 있나요? Photoshop에서 만든 텍스트 그림자와 비슷합니까? 시도했지만 결과 그림자가 여전히 Photoshop과 다릅니다.CSS 텍스트 그림자
4
A
답변
2
어이 없음이
.div{
box-shadow:0 0 0 0 rgba(0,0,0,1); // outer shadow of box
box-shadow:0 0 0 0 rgba(0,0,0,1) inset; // inner shadow of box
text-shadow:0 0 0 rgba(0,0,0,1); // for text shadow
}
대한 추가 정보는 http://css-tricks.com/snippets/css/css-text-shadow/
여기를 클릭 할 수
2
짧은 대답은 아니요입니다.
Adobe Photoshop과 모든 다른 브라우저는 그림자를 서로 다르게 해석합니다. 당신은 당신의 눈으로 판단해야합니다.
0
위에서 언급 한 것처럼 전혀 가능하지 않습니다. 브라우저는 그림자를 포토샵과 다르게 렌더링하므로
1
는 디자인에 따라 서로 다른 픽셀을하려고이
yourDiv
{
box-shadow: 8px 8px 5px #000000;
}
같은 시도뿐만 아니라 색상, 사용 색상 선택기로 정확한 색상 코드를 확인 할 수 있습니다.
관련 문제
- 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