Post thumbnail: 9 CSS Glow Text Effects

9 CSS Glow Text Effects

Collection of hand-picked free HTML and CSS glow (neon) text effect code examples.

Related Articles

  1. CSS Text Effects
  2. CSS Text Shadow Effects
  3. CSS 3D Text Effects
  4. CSS Text Animations
  5. CSS Text Glitch Effects

Demo image: Shimmering Neon Text

Author

  • Comehope

Made with

  • HTML / CSS

About the code

Shimmering Neon Text

Pure CSS shimmering neon text.

Compatible browsers: Chrome, Firefox, Opera, Safari

Dependencies: -

Demo image: Flickering Neon Sign Effect Using CSS Text & Box Shadow

Author

  • George W. Park

Made with

  • HTML / CSS

About the code

Flickering Neon Sign Effect Using CSS Text & Box Shadow

This pen shows how the CSS text-shadow and box-shadow properties can be animated to create a flickering neon sign effect. Neon text and border color can be individually changed by updating their respective CSS variables.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: -

Demo image: CSS Neon

Author

  • Mark Heggan

Made with

  • HTML / CSS (SCSS)

About the code

CSS Neon

Simple animated neon effect created with CSS.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: -

Demo image: Neon Text Effect

Author

  • Matt Smith

Made with

  • HTML / CSS

About the code

Neon Text Effect

I saw this quote written in neon in the movie "Atomic Blonde" and I got inspired.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: -

Demo image: Neon Text Flicker Glow

Author

  • Johan Girod

Made with

  • HTML / CSS / JavaScript

About the code

Neon Text Flicker Glow

Neon text flicker glow with HTML, CSS and JavaScript.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: -

Demo image: Bill 🚀👽 🌀 Paxton Tribute - Glow Text

Author

  • Just another Chris

Made with

  • HTML (Pug) / CSS (SCSS) / JavaScript

About the code

Bill 🚀👽 🌀 Paxton Tribute - Glow Text

The greatest man to battle a Terminator, a Predator a Xenomorph, and an F5 Tornado.

Compatible browsers: Chrome, Firefox, Opera, Safari

Dependencies: -

Demo image: Glowing Text

Author

  • Bennett Feely

Made with

  • HTML / CSS (SCSS)

About the code

Glowing Text

HTML and CSS glowing text.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: -

Demo image: Neon Flux

Author

  • Thomas Trinca

Made with

  • HTML / CSS

About the code

Neon Flux

A pulsing neon sign made using many overlaid text-shadows.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: -

Demo image: Neon text-shadow Effect

Author

  • Erik Jung

Made with

  • HTML / CSS / JavaScript

About the code

Neon text-shadow Effect

Neon text-shadow effect in HTML, CSS and JavaScript.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: -

back to top