Comments on: text-shadow

By: Geoff Graham

Geoff Graham — Wed, 02 Sep 2020 14:50:47 +0000

In reply to Ajay.

Hey there! Check your syntax: Changing 3xp to 3px should fix things up. One incorrect value will render the entire property invalid. https://codepen.io/geoffgraham/pen/dyMVZVe

By: Ajay

Ajay — Wed, 02 Sep 2020 05:14:55 +0000

.CBSE {
width: 30%;
height: 150px;
background: cyan;
color: #000;
margin: 1%;
position: relative;
box-shadow: 0px 0px 6px #000;
border-radius: 5px;
}
.CBSE p {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 50px;
text-shadow: 3px 3xp 5px #000000;
}
.shadow {
text-shadow: 3px 3px 5px #000;
}

/* text shadow of p not working */

CBSE

By: HM100

HM100 — Sun, 06 Aug 2017 23:29:17 +0000

I know this also works with four value things. However:

h2 {
 color:#f9f9f9;
 text-shadow:0 0 10px 3px #cf4ad9;
 font-family:"Verdana Pro", Verdana;
}

gets working in Edge/IE but not in other browsers. So with four values it only works on Microsoft browsers. Thank you

By: ben

ben — Mon, 04 Jan 2016 13:42:34 +0000

In reply to Erick. hi the 0 have to have a px on it

By: Anji

Anji — Mon, 16 Nov 2015 10:00:42 +0000

In reply to Anji.

here we have more text effect
http://ustutorials.com/css3-tutorials/css3-text-shadow.php

By: Anji

Anji — Mon, 16 Nov 2015 09:59:56 +0000

Thanks this is working fine

By: Ann

Ann — Sun, 27 Sep 2015 08:45:47 +0000

Very cool, thanks for your examples! I didn’t know it was possible to have these effects with just text-shadow. So I can have multiple text-shadow styles as long as they are comma-separated?

By: cissy

cissy — Wed, 01 Apr 2015 04:17:26 +0000

very good

By: Ramendra

Ramendra — Wed, 19 Nov 2014 09:59:24 +0000

Thanks it help me!

By: Don

Don — Fri, 10 May 2013 20:02:54 +0000

In reply to Erick. Hi Erik, The 0 would also need the px with it as well so text-shadow: 1px 3px 0px red; should work.

By: Erick

Erick — Wed, 16 Jan 2013 22:45:27 +0000

Don't know why, but it only works in android 2.2.2 if i set the 3rd property different of zero. Ex.:

text-shadow: 1px 3px 0 red; /does not work/
text-shadow: 1px 3px 1px red; /works/