CSS의 레터 프레스

다음 스타일을 태그의 스타일로 사용하려고합니다.CSS의 레터 프레스

Letterpress From Photoshop 이

포토샵

의 예는 CSS와 함께이 할 수있는 방법이 있나요 또는 그것을 할 수있는 또 다른 방법은 무엇입니까?

흰색 부분은 텍스트로 채워지는 것처럼 반투명합니다.

덕분에, 애슐리

흰색 베벨은 매우 쉽게 할 수 있지만 어두운 부분은 흐리게 처리하지 않습니다. – Bojangles

어쩌면 이미지로 할 수 있을까요? –

아마도 그렇지만 모든 효과가있는 이미지를 페이지에 넣을 수도 있습니다. 이미지 위에 CSS를 사용하는 것은 _nice_이지만 CSS가하지 않을 경우에도 여기 저기에 몇 개의 픽셀을 사용할 수 있습니다. – Bojangles

당신은 사용할 수 있습니다 : (수 조정해야)

-moz-box-shadow:inset 0 0 10px #000000; 
-webkit-box-shadow:inset 0 0 10px #000000; 
box-shadow:inset 0 0 10px #000000;

그리고 흰색 하이라이트 :

text-shadow: 1px 1px white, -1px -1px #444

다시이 조정될 필요가 있지만, 오른쪽을 가리켜 야합니다 방향.

2011-10-07 22:36:20 downed

'-box-shadow'는 각 문자가 아닌 포함 된 요소에서만 작동합니다. – Bojangles

CSS는 텍스트 그림자는 현재 삽입 된 옵션이 없습니다. 당신은 박스 그림자로 그것을 에뮬레이트 할 수 있습니다. 시도 this link 및 텍스트를 가리 킵니다.

2011-10-07 22:33:41

오 와우. 멋지다! 수치 스럽지만 웹킷에서만 작동합니다 :-( – Bojangles

답변