CODEWITHSUNDEEP
css
1252748
1252748

Reputation: 15369

make embossed text

I found this solution for making an embossed effect with text. Is this really the best way. Any new ideas on it. It just makes it impossible to work with if you have to add additional span tags to get the kerning right. I guess it adds extra nodes and messes up the pseudo selectors.

Upvotes: 2

Views: 2684

Answers (2)

Ollie
Ollie

Reputation: 656

You can use text shadow.

text-shadow{0px 1px 0px #fff, 0px -1px 0px #000}

This wont work in IE anything earlier than IE9 though.

Upvotes: 3

David Thomas
David Thomas

Reputation: 253416

It's not, necessarily, cross-browser friendly, but there's always text-shadow, to emulate the embossed style.

h1.embossed {
    text-shadow: 1px 1px 2px #fff;
}

JS Fiddle demo.

Upvotes: 1

Related Questions