HTML CSS

GLOWING TEXT WITH PURE HTML CSS

(quick & simple examples)

BASIC TEXT GLOW

01

<style> .glow { text-shadow: 0 0 10px #fff700; } </style> <p class="glow">THIS GLOWS!</p>

<style> .stronk {    text-shadow:    0 0 5px #fff700, 0 0 10px #fff700,    0 0 20px #fff700, 0 0 40px #fff700; } </style>   <p class="stronk">THIS GLOWS!</p>

STRONGER TEXT GLOW

02

FLASHING ANIMATION @keyframes flash {   from {     text-shadow:     0 0 5px #fc0303, 0 0 10px #fc0303,     0 0 20px #fc0303, 0 0 40px #fc0303;   }   to {     text-shadow:     0 0 5px #03cafc, 0 0 10px #03cafc,     0 0 20px #03cafc, 0 0 40px #03cafc;   } }

FLASHING NEON (A)

03

FLASHING NEON (B)

04

ATTACH TO CSS CLASS .fglow {   animation: flash 0.2s ease infinite    alternate; }   <h1 class="fglow">RED ALERT</h1>