Glowing text css

Css glow text

.glow {
  font-size: 80px;
  color: #fff;
  text-align: center;
  -webkit-animation: glow 1s ease-in-out infinite alternate;
  -moz-animation: glow 1s ease-in-out infinite alternate;
  animation: glow 1s ease-in-out infinite alternate;
}

@-webkit-keyframes glow {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073, 0 0 40px #e60073, 0 0 50px #e60073, 0 0 60px #e60073, 0 0 70px #e60073;
  }
  
  to {
    text-shadow: 0 0 20px #fff, 0 0 30px #ff4da6, 0 0 40px #ff4da6, 0 0 50px #ff4da6, 0 0 60px #ff4da6, 0 0 70px #ff4da6, 0 0 80px #ff4da6;
  }
}
</style>
 

use/call the class
<h1 class="glow">GLOWING TEXT</h1>

Glowing text css

text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px;

Javascript glow

context.shadowBlur = 10;
context.shadowColor = "black";

Similar codes

12 votes192 views2 answers
How to center element in bulma
CSS
120 votes176 views6 answers
Css hide scrollbar
CSS
11 votes219 views2 answers
Css image filter black and white
CSS
0 vote194 views1 answer
Css if element is empty
CSS
0 vote203 views1 answer
Easy way raise specificity css
CSS
1 vote208 views1 answer
Michigan score
CSS
0 vote240 views1 answer
Remove materialize style input
CSS Materialize
109 votes196 views6 answers
Position absolute
CSS
0 vote217 views1 answer
Nice select scroll bar for large amount of options
CSS
19 votes184 views3 answers
Css round element
CSS