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