CSS Text Animations with 90+ Example
Discover over 90+ CSS text animations that will inspire and elevate your web development projects. Perfect for developers of all levels.
1. Liquid Drop Using Gooey Effect by Tushar Choudhari
Author: Tushar Choudhari
Links: Source Code / Demo
Made with: HTML CSS
2. Text Split and Reveal Animation by Ritika Agrawal
Author: Ritika Agrawal
Links: Source Code / Demo
Made with: HTML CSS
3. Rainbow Effect by Mateus Generoso
Author: Mateus Generoso
Links: Source Code / Demo
Made with: HTML CSS
4. Holographic Type by Jimmy Chion
Author: Jimmy Chion
Links: Source Code / Demo
Made with: HTML CSS
5. Animated Wave Clipped by Text by web-tiki
Author: web-tiki
Links: Source Code / Demo
Made with: HTML CSS
6. Animated Text by Cesar C.
Author: Cesar C.
Links: Source Code / Demo
Made with: HTML CSS
7. Text Animation by Gayane
Author: Gayane
Links: Source Code / Demo
Made with: HTML CSS
8. 3D CSS Letter Transition by Adam Kuhn
Author: Adam Kuhn
Links: Source Code / Demo
Made with: HTML CSS
9. Slide to Unlock Shine by Andreas Storm
Author: Andreas Storm
Links: Source Code / Demo
Made with: HTML CSS
10. Happy New Year SVG Animation by Ayana
Author: Ayana
Links: Source Code / Demo
Made with: HTML CSS
11. Pure CSS Text Animation by vainsan
Author: vainsan
Links: Source Code / Demo
Made with: HTML CSS
12. Ghosts and Ghouls by Sicontis
Author: Sicontis
Links: Source Code / Demo
Made with: HTML CSS
13. City Nights Text Effect by Philip Zastrow
Author: Philip Zastrow
Links: Source Code / Demo
Made with: HTML CSS
14. Waaaves by Jhey
Author: Jhey
Links: Source Code / Demo
Made with: HTML CSS
15. Neon Tex by Mohamed
Author: Mohamed
Links: Source Code / Demo
Made with: HTML CSS
16. CSS Text Revealing Animation by Nooray Yemon
Author: Nooray Yemon
Links: Source Code / Demo
Made with: HTML CSS
17. Glowing Text, Music Inspired by amber
Author: amber
Links: Source Code / Demo
Made with: HTML CSS
18. Animated Blobs Text – Multiple Colors by Animation Bro
Author: Animation Bro
Links: Source Code / Demo
Made with: HTML CSS
19. Shining Text Effect by G Rohit
Author: G Rohit
Links: Source Code / Demo
Made with: HTML CSS
20. Pure CSS Glitch Experiment by Tee Diang
Author: Tee Diang
Links: Source Code / Demo
Made with: HTML CSS
21. Rainbow Spotlight by Shireen
Author: Shireen
Links: Source Code / Demo
Made with: HTML CSS
22. Cartoon Type by Tim Van Damme
Author: Tim Van Damme
Links: Source Code / Demo
Made with: HTML CSS
23. Cinematic Text Animation. CSS only by Scott Henderson
Author: Scott Henderson
Links: Source Code / Demo
Made with: HTML CSS
24. CSS Neon Sign by Ananya Neogi
Author: Ananya Neogi
Links: Source Code / Demo
Made with: HTML CSS
25. Line Through Effect 3D by Ana Tudor
Author: Ana Tudor
Links: Source Code / Demo
Made with: HTML CSS
26. Clean CSS Glitch by Piotr Galor
Author: Piotr Galor
Links: Source Code / Demo
Made with: HTML CSS
27. Enthusiasm by Robin Rendle
Author: Robin Rendle
Links: Source Code / Demo
Made with: HTML CSS
28. Exciting Multi-line Highlights by Manan Tank
Author: Manan Tank
Links: Source Code / Demo
Made with: HTML CSS
29. Text Animation by Ricardo Oliva Alonso
Author: Ricardo Oliva Alonso
Links: Source Code / Demo
Made with: HTML CSS
30. Bottle of Text by Jon Kantner
Author: Jon Kantner
Links: Source Code / Demo
Made with: HTML CSS
31. Animated Text Fill by Daniel Riemer
Author: Daniel Riemer
Links: Source Code / Demo
Made with: HTML CSS
32. Clip Path Text Animation by Khairul
Author: Khairul
Links: Source Code / Demo
Made with: HTML CSS
33. CSS Only Frozen Text by Mandy Michael
Author: Mandy Michael
Links: Source Code / Demo
Made with: HTML CSS
34. Easy Animation by Mark Mead
Author: Mark Mead
Links: Source Code / Demo
Made with: HTML CSS
35. BlackLivesMatter by Max Mykhalchuk
Author: Max Mykhalchuk
Links: Source Code / Demo
Made with: HTML CSS
36. Wavy Text Animation Effect by Vladimir
Author: Vladimir
Links: Source Code / Demo
Made with: HTML CSS
37. Word Swipe Animation by Eric Porter
Author: Eric Porter
Links: Source Code / Demo
Made with: HTML CSS
38. Text Frame Border Animation Rotation That by Fernando Cohen
Author: Fernando Cohen
Links: Source Code / Demo
Made with: HTML CSS
39. CSS by Nils Binder
Author: Nils Binder
Links: Source Code / Demo
Made with: HTML CSS
40. SVG Video Mask on Text by Simon Evans
Author: Simon Evans
Links: Source Code / Demo
Made with: HTML CSS
41. Masking Path Animation by Envato Tuts+
Author: Envato Tuts+
Links: Source Code / Demo
Made with: HTML CSS
42. Animated 3D Text by Sarah Fossheim
Author: Sarah Fossheim
Links: Source Code / Demo
Made with: HTML CSS
43. Smoky Text by Bennett Feely
Author: Bennett Feely
Links: Source Code / Demo
Made with: HTML CSS
44. Pure CSS Text Animation by Robin Treur
Author: Robin Treur
Links: Source Code / Demo
Made with: HTML CSS
45. Text Animation: Montserrat by Claire Larsen
Author: Claire Larsen
Links: Source Code / Demo
Made with: HTML CSS
46. SVG Text by ANA MAFLA
Author: ANA MAFLA
Links: Source Code / Demo
Made with: HTML CSS
47. Spooky Typo by ilithya
Author: ilithya
Links: Source Code / Demo
Made with: HTML CSS
48. Pure CSS Text Animation by Mamun Khandaker
Author: Mamun Khandaker
Links: Source Code / Demo
Made with: HTML CSS
49. Animated text-shadow Pattern by carpe numidium
Author: carpe numidium
Links: Source Code / Demo
Made with: HTML CSS
50. CSS Rolling Text by Marcello Lopes
Author: Marcello Lopes
Links: Source Code / Demo
Made with: HTML CSS
51. Hello World! CSS Text Roller by Ale
Author: Ale
Links: Source Code / Demo
Made with: HTML CSS
52. Impossibly Tipsy by James Mellers
Author: James Mellers
Links: Source Code / Demo
Made with: HTML CSS
53. CSS3 Text Animation Effect by Nick Mkrtchyan
Author: Nick Mkrtchyan
Links: Source Code / Demo
Made with: HTML CSS
54. Schitt’s Creek (CSS) by Rob
Author: Rob
Links: Source Code / Demo
Made with: HTML CSS
55. CSS Text Shadow Animation by Natalia
Author: Natalia
Links: Source Code / Demo
Made with: HTML CSS
56. Text Shadow Animate by Wyatt Nolen
Author: Wyatt Nolen
Links: Source Code / Demo
Made with: HTML CSS
57. Text Shadow by Gabriele
Author: Gabriele
Links: Source Code / Demo
Made with: HTML CSS
58. Liquid Type by Callum Martin
Author: Callum Martin
Links: Source Code / Demo
Made with: HTML CSS
59. Rotate Ipsum (CSS) by Amit Sheen
Author: Amit Sheen
Links: Source Code / Demo
Made with: HTML CSS
60. Pure CSS Text Animation by Robin Treur
Author: Robin Treur
Links: Source Code / Demo
Made with: HTML CSS
61. Luminance by Franklin Castellanos
Author: Franklin Castellanos
Links: Source Code / Demo
Made with: HTML CSS
62. FadeIn Text with Bars by Kaio Almeida
Author: Kaio Almeida
Links: Source Code / Demo
Made with: HTML CSS
63. CSS Only Random Text Transform by lefoy
Author: lefoy
Links: Source Code / Demo
Made with: HTML CSS
64. Animated Neon Text by Tee Diang
Author: Tee Diang
Links: Source Code / Demo
Made with: HTML CSS
65. Glowing Text by Pratham
Author: Pratham
Links: Source Code / Demo
Made with: HTML CSS
66. Apple Commercial Animation by Alvaro Montoro
Author: Alvaro Montoro
Links: Source Code / Demo
Made with: HTML CSS
67. 3D Text by Kevin
Author: Kevin
Links: Source Code / Demo
Made with: HTML CSS
68. Pure CSS Text Animation by Arlina Design
Author: Arlina Design
Links: Source Code / Demo
Made with: HTML CSS
69. Text Animation by Yoann
Author: Yoann
Links: Source Code / Demo
Made with: HTML CSS
70. CSS Text-Shadow Animation by Faria Begum Riya
Author: Faria Begum Riya
Links: Source Code / Demo
Made with: HTML CSS
71. Tiger Uppercut by Ryan Mulligan
Author: Ryan Mulligan
Links: Source Code / Demo
Made with: HTML CSS
72. Shining Text Animation Effects by FrankieDoodie
Author: FrankieDoodie
Links: Source Code / Demo
Made with: HTML CSS
73. SVG Text Animation by Ebram Marzouk
Author: Ebram Marzouk
Links: Source Code / Demo
Made with: HTML CSS
74. CSS Flying Platform by Amit Sheen
Author: Amit Sheen
Links: Source Code / Demo
Made with: HTML CSS
75. Pure CSS Text Shadow Animation by peyman
Author: peyman
Links: Source Code / Demo
Made with: HTML CSS
76. Text Animation by Carlos Córdova
Author: Carlos Córdova
Links: Source Code / Demo
Made with: HTML CSS
77. Airport Info by Quinto Jesús
Author: Quinto Jesús
Links: Source Code / Demo
Made with: HTML CSS
78. Handwriting Animation by Marina
Author: Marina
Links: Source Code / Demo
Made with: HTML CSS
79. Cool Text by Christine Banlawi
Author: Christine Banlawi
Links: Source Code / Demo
Made with: HTML CSS
80. Text Animation by Furkan
Author: Furkan
Links: Source Code / Demo
Made with: HTML CSS
81. EAT SLEEP RAVE – 3D ROTATE by Emilio
Author: Emilio
Links: Source Code / Demo
Made with: HTML CSS
82. CSS 3D Text Effect by Kyle Wetton
Author: Kyle Wetton
Links: Source Code / Demo
Made with: HTML CSS
83. Neon Lights by Cooper
Author: Cooper
Links: Source Code / Demo
Made with: HTML CSS
84. Animated Text Gradient by chrishodges
Author: chrishodges
Links: Source Code / Demo
Made with: HTML CSS
85. Title Page – CSS Only by Event Horizon
Author: Event Horizon
Links: Source Code / Demo
Made with: HTML CSS
86. HTML, CSS and JS Letter Animation by Florin Pop
Author: Florin Pop
Links: Source Code / Demo
Made with: HTML CSS
87. Wave Text by Swarup Kumar Kuila
Author: Swarup Kumar Kuila
Links: Source Code / Demo
Made with: HTML CSS
88. Glowing Text by Amber Martineau
Author: Amber Martineau
Links: Source Code / Demo
Made with: HTML CSS
89. Text Animation by Keny Zachelin
Author: Keny Zachelin
Links: Source Code / Demo
Made with: HTML CSS
90. scss: CSS-powered Animated Text by Brandon McConnell
Author: Brandon McConnell
Links: Source Code / Demo
Made with: HTML CSS
91. “hey” – 3D Text Animation (Animations) by Radu
Author: Radu
Links: Source Code / Demo
Made with: HTML CSS
92. Rotate Text by Jason Yeung
Author: Jason Yeung
Links: Source Code / Demo
Made with: HTML CSS
93. Multi-line Spanning Animated Underline by Cassie Evans
Author: Cassie Evans
Links: Source Code / Demo
Made with: HTML CSS
94. Wave Text Effect by Lucas Bebber
Author: Lucas Bebber
Links: Source Code / Demo
Made with: HTML CSS
95. Animated Text with mix-blend-mode by Cassandra Rossall
Author: Cassandra Rossall
Links: Source Code / Demo
Made with: HTML CSS
96. Text Effect by Hakkam Abdullah
Author: Hakkam Abdullah
Links: Source Code / Demo
Made with: HTML CSS
