text glow css

1div {
2    width: 150px;
3    height: 150px;
4    background-color: #fff;
5
6    box-shadow: 120px 80px 40px 20px #0ff;
7    /* in order: x offset, y offset, blur size, spread size, color */
8    /* blur size and spread size are optional (they default to 0) */
9}

1
2.glow {
3  font-size: 80px;
4  color: #fff;
5  text-align: center;
6  -webkit-animation: glow 1s ease-in-out infinite alternate;
7  -moz-animation: glow 1s ease-in-out infinite alternate;
8  animation: glow 1s ease-in-out infinite alternate;
9}
10
11@-webkit-keyframes glow {
12  from {
13    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;
14  }
15  
16  to {
17    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;
18  }
19}
20</style>
21 
22
23use/call the class
24<h1 class="glow">GLOWING TEXT</h1>

1
2h1 {
3 text-shadow: 2px 2px 5px red;
4}
5 

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