<div class="area">
⚠ achtung ⚠
</div>
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
body{
background:url('http://subtlepatterns.subtlepatterns.netdna-cdn.com/patterns/noisy_net.png') repeat;
font-family: "Open Sans", Impact;
}
.area{
text-align:center;
font-size:6.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;}
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.