# Drop Shadow with CSS

**URL:** <https://forum.kirupa.com/t/drop-shadow-with-css/183190>\
**Category:** web dev\
**Created:** [March 24, 2006, 2:37pm UTC](https://forum.kirupa.com/t/drop-shadow-with-css/183190 "2006-03-24T14:37:25Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Just\_Justin](https://avatars.discourse-cdn.com/v4/letter/j/6f9a4e/32.png) [@Just\_Justin](https://forum.kirupa.com/u/Just_Justin)\
**Post date:** [March 24, 2006, 2:37pm UTC](https://forum.kirupa.com/t/drop-shadow-with-css/183190/1 "2006-03-24T14:37:25Z")

</div>

Is it possible to add a drop shadow to text using CSS or a stroke around text using CSS?

this would be greatly appreciated … :drool:

---

<div class="post-metadata">

**Author:** ![MTsoul](https://avatars.discourse-cdn.com/v4/letter/m/91b2a8/32.png) [@MTsoul](https://forum.kirupa.com/u/MTsoul)\
**Post date:** [March 24, 2006, 6:00pm UTC](https://forum.kirupa.com/t/drop-shadow-with-css/183190/2 "2006-03-24T18:00:56Z")

</div>

Nope it’s not possible to do dropshadow with just CSS. You can have two instances of the same text, and position the second one below the first one (slightly to the right and below) and give it a dark colour. It’ll look like a shadow.

---

<div class="post-metadata">

**Author:** ![DDD](https://avatars.discourse-cdn.com/v4/letter/d/9fc348/32.png) [@DDD](https://forum.kirupa.com/u/DDD)\
**Post date:** [March 24, 2006, 6:03pm UTC](https://forum.kirupa.com/t/drop-shadow-with-css/183190/3 "2006-03-24T18:03:46Z")

</div>

wel I think there is a IE filter. but that only works in IE. I normally use a image in the bgrd and text over it.