Flashing Neon Text Using CSS and HTML

HTML

<div class="area">⚠ The Tech Platform ⚠</div>

CSS

@import url(https://fonts.googleapis.com/css?family=Open+Sans);

body {
background: #111;
font-family: "Open Sans", Impact;
}

.area {
text-align: center;
font-size: 5.5em;
color: #fff;
letter-spacing: -7px;
font-weight: 700;
text-transform: uppercase;
animation: blur .75s ease-out infinite;
text-shadow: 0px 0px 5px #fff, 0px 0px 7px #fff;
}

@keyframes blur {
from {
text-shadow:0px 0px 10px #fff,
0px 0px 10px #fff,
0px 0px 25px #fff,
0px 0px 25px #fff,
0px 0px 25px #fff,
0px 0px 25px #fff,
0px 0px 25px #fff,
0px 0px 25px #fff,
0px 0px 50px #fff,
0px 0px 50px #fff,
0px 0px 50px #7B96B8,
0px 0px 150px #7B96B8,
0px 10px 100px #7B96B8,
0px 10px 100px #7B96B8,
0px 10px 100px #7B96B8,
0px 10px 100px #7B96B8,
0px -10px 100px #7B96B8,
0px -10px 100px #7B96B8;
}
}

Output:

Click on the link below to see the effect

Link - https://codepen.io/moklick/pen/tAlJB

Source: codepen

The Tech Platform