In this collection, we’ve gathered 30 free text shadow effects that you can use to enhance your website’s typography. Each effect includes the CSS code and a live demo, making it easy to add the effect to your own website.
Whether you’re designing a modern website, a retro-themed project, or anything in between, these text shadow effects are sure to add some visual interest to your typography.
01 of 30Mega Shadow Text
Author
- Mark Mead
Made with
- HTML / CSS / JS
Created on
- DECEMBER 10, 2012
Updated on
- DECEMBER 10, 2012
Dependency
About the Code
It’s like text-shadow on steroids.
02 of 30Dynamic text shadow based on cursor position
Author
- Brian Gonzalez
Made with
- Haml / SCSS / JS
Created on
- NOVEMBER 5, 2012
Updated on
- MAY 7, 2013
Dependency
About the Code
Dynamic text shadow based on cursor position
03 of 30Utterly Ridiculous Text Shadow

04 of 30CSS Text Shadow Animation
05 of 30Rotate Text and Shadow
06 of 30Text Shadow CodePen Challenge
07 of 30CodePen Challenge – CSS Text Shadow
08 of 30Text shadow animations
09 of 303d text shadow

10 of 30Text Shadow

11 of 30Text-Shadow Animate
12 of 30Complex Text Shadow Examples
13 of 30Contoh Text Shadow
14 of 30Opening type Shadow
Author
- Diego Pardo
Made with
- HTML / CSS
Dependency
About the Code
Just hover over letters
15 of 30CSS Text-Shadow Animation
16 of 30Text shadows Click & drag
Author
- Danny Joris
Made with
- Pug / CSS / JS
Dependency
About the Code
Drag to reposition the text shadow.
17 of 30Direction-aware text-shadow
18 of 303D CSS/JS dynamic shadow
19 of 30Long Shadow Gradient Mixin

20 of 30Simple Text Shadow Effect
21 of 30Animated Fire Text-Shadow

22 of 30Fancy text shadow

23 of 30Animated Text-Shadow
24 of 303D-Text with Text-Shadow

25 of 30CSS3 text-shadow

26 of 30Layered text-shadow effect CSS

27 of 303d Text effect – mouse move
Author
- Dennis Garrn
Made with
- HTML / CSS / JS
Created on
- July 12, 2013
Updated on
- July 12, 2013
Dependency
About the Code
Nice 3d Text effect with jQuery mouse move
28 of 30Hit The Floor Text Effect

Discussion about this post