흰색 삽입 텍스트는 어떻게 만듭니 까?

Question

어두운 삽입 텍스트를 만드는 것은 간단합니다. 같은 단어를 두 번 쓰고 (이 경우 텍스트 그림자 사용) 두 번 쓰면 오른쪽 아래로 조금 떨어 뜨려 약간의 불투명도로 밝은 색으로 씁니다. 일단 당신이 그것을 알아낼 수 있습니다.

내가 겪고있는 문제는 흰색 삽입 텍스트입니다. 흰색보다 희색이 없으므로 상단에 더 많은 빛이 있다는 환상을 삽입 문자 아래쪽보다 낮게 만들 수있는 방법이 없습니다. 내가 생각해 낼 수있는 가장 좋은 점은 흰색의 시작 텍스트이지만 흰색 인세 트 텍스트가 필요하다.

.dark { 
    color:rgba(0, 0, 0, .6); 
    text-shadow:2px 2px rgba(255, 255, 255, .1); 
} 
.light { 
    color:rgba(200, 200, 200, 1); 
    text-shadow:2px 2px rgba(0, 0, 0, .2); 
} 

fiddle

는 IRC fiddle 는 TL의 Z 축이 될 곳 어둡게 보이는 그래서 광이 왼쪽에서 타격에 응답 발견

Answer 1

다른 조합을 시도해보십시오. 또한 삽입 된 텍스트 스타일을 수행하기 위해 여러 개의 텍스트 그림자를 사용했습니다.

나는 당신의 빛 스타일이 일을 선호 :

text-shadow:1px -1px rgba(0, 0, 0, .2); 

Answer 2

조명 테스크의 반대쪽에 어두운 텍스트 그림자 배치 그림자 :

text-shadow: -2px -2px rgba(0, 0, 0, .2);