css:
<style>
body {
background: #202020;
}
a.demo {
display:block;
width: 32px;
height: 32px;
-moz-box-shadow: 0 0 5px #fff ;
-webkit-box-shadow: 0 0 5px #a1a1a1;
box-shadow: 0 0 5px #343434;
border-radius:50%;
padding: 0px;
margin:100px auto 0;
text-decoration: none;
-webkit-animation-name: breathingLight;
-webkit-animation-duration: 1s;
-webkit-animation-iteration-count: infinite;
position: relative;
}
@-webkit-keyframes breathingLight {
from {
background-color: rgba(0,0,0,0);
-webkit-box-shadow:0 0 5px #a1a1a1 ;
}
50% {
background-color: rgba(0,0,0,0);
-webkit-box-shadow: 0px 0px 15px #a1a1a1;
}
to {
background-color: rgba(0,0,0,0);
-webkit-box-shadow:0 0 5px #a1a1a1;
}
}
</style>
html:
<a href="#" class="demo"></a>