呼吸灯 效果

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>