css text-shadow

Question

Is there a way to add a text-shadow in CSS that is similar to the text-shadow created in Photoshop? I have tried, but the resulting shadow is still different than in Photoshop.

Rohit Azad Malik · Accepted Answer · 2012-06-21 09:29:56Z

2

Hey no you can do this

.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 
}

more info click here http://css-tricks.com/snippets/css/css-text-shadow/

answered Jun 21, 2012 at 9:29

Rohit Azad Malik

32.3k17 gold badges72 silver badges100 bronze badges

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

Comments

Jezen Thomas · Accepted Answer · 2012-06-21 09:04:49Z

2

The short answer is no.

Adobe Photoshop and all the different browsers interpret shadows differently from one another. You'll have to judge with your eyes.

answered Jun 21, 2012 at 9:04

Jezen Thomas

13.8k7 gold badges55 silver badges95 bronze badges

Comments

khurram · Accepted Answer · 2012-06-21 09:24:57Z

1

try like this

yourDiv
{
box-shadow: 8px 8px 5px #000000;
}

try different pixels according to the design, and as well as color, use color picker to check exact color code.

answered Jun 21, 2012 at 9:24

khurram

9461 gold badge14 silver badges37 bronze badges

Comments

Subhajit · Accepted Answer · 2012-06-21 09:07:10Z

0

As mentioned above its not at all possible. As browser renders the shadow differently than photoshop.

answered Jun 21, 2012 at 9:07

Subhajit

2,0073 gold badges20 silver badges21 bronze badges

Collectives™ on Stack Overflow

css text-shadow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related