multiple 3D text shadow using css

Question

I want to give shadow effect to some of my texts in a website which would make it look like 3D using CSS Is it possible?

Community · Accepted Answer · 2017-02-06 22:29:28Z

17

Yeah, it's possible to have multiple text-shadows on a font, just use a comma-separated list of values:

p {
    text-shadow: 0.1em 0.1em 0.2em #ccc, 0.2em 0.2em 0.3 em #ddd /* ...other...*/
}

CommunityBot

11 silver badge

answered Jul 21, 2010 at 7:54

David Thomas

254k53 gold badges382 silver badges421 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Which gets on top of the other?

user1065951 · Accepted Answer · 2014-03-01 22:57:08Z

1

Use this

and try to understand, how it works (colors, sizes, etc).

At bottom, you get your text-shadow property to copy and paste.

In a simple case, you use text-shadow to render 3D, then the shadow of it:

text-shadow: 0px 4px 0 #ccc, 0px 6px 0 #888;

answered Mar 1, 2014 at 22:57

user1065951

512 bronze badges