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

0 vote202 views1 answer
Css horizontal line around text
CSS
0 vote186 views1 answer
Css if child has class
CSS
39 votes186 views4 answers
Css z-index
CSS
4 votes195 views2 answers
Javafx change button background color
CSS
2 votes194 views1 answer
Css click event jquery
CSS
3 votes180 views2 answers
Form css
CSS
0 vote225 views1 answer
Hiden file upload button css
CSS
23 votes153 views5 answers
Font weight css
CSS
18 votes170 views4 answers
Css rotate animation
CSS
38 votes167 views5 answers
Css roboto font
CSS