Comments on: text-shadow https://css-tricks.com Tips, Tricks, and Techniques on using Cascading Style Sheets. Fri, 27 Jan 2023 14:08:02 +0000 hourly 1 https://wordpress.org/?v=6.4.3 By: Geoff Graham https://css-tricks.com/almanac/properties/t/text-shadow/#comment-1762275 Wed, 02 Sep 2020 14:50:47 +0000 http://css-tricks.com/?page_id=14115#comment-1762275 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 https://css-tricks.com/almanac/properties/t/text-shadow/#comment-1762264 Wed, 02 Sep 2020 05:14:55 +0000 http://css-tricks.com/?page_id=14115#comment-1762264 .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 https://css-tricks.com/almanac/properties/t/text-shadow/#comment-1610938 Sun, 06 Aug 2017 23:29:17 +0000 http://css-tricks.com/?page_id=14115#comment-1610938 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 https://css-tricks.com/almanac/properties/t/text-shadow/#comment-1598861 Mon, 04 Jan 2016 13:42:34 +0000 http://css-tricks.com/?page_id=14115#comment-1598861 In reply to Erick.

hi the 0 have to have a px on it

]]>
By: Anji https://css-tricks.com/almanac/properties/t/text-shadow/#comment-1598023 Mon, 16 Nov 2015 10:00:42 +0000 http://css-tricks.com/?page_id=14115#comment-1598023 In reply to Anji.

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

]]>
By: Anji https://css-tricks.com/almanac/properties/t/text-shadow/#comment-1598022 Mon, 16 Nov 2015 09:59:56 +0000 http://css-tricks.com/?page_id=14115#comment-1598022 Thanks this is working fine

]]>
By: Ann https://css-tricks.com/almanac/properties/t/text-shadow/#comment-1597241 Sun, 27 Sep 2015 08:45:47 +0000 http://css-tricks.com/?page_id=14115#comment-1597241 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 https://css-tricks.com/almanac/properties/t/text-shadow/#comment-1593557 Wed, 01 Apr 2015 04:17:26 +0000 http://css-tricks.com/?page_id=14115#comment-1593557 very good

]]>
By: Ramendra https://css-tricks.com/almanac/properties/t/text-shadow/#comment-1586809 Wed, 19 Nov 2014 09:59:24 +0000 http://css-tricks.com/?page_id=14115#comment-1586809 Thanks it help me!

]]>
By: Don https://css-tricks.com/almanac/properties/t/text-shadow/#comment-437543 Fri, 10 May 2013 20:02:54 +0000 http://css-tricks.com/?page_id=14115#comment-437543 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 https://css-tricks.com/almanac/properties/t/text-shadow/#comment-259318 Wed, 16 Jan 2013 22:45:27 +0000 http://css-tricks.com/?page_id=14115#comment-259318 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/

]]>