<style>

        *{

            margin: 0;

            padding: 0;

        }

        .xin,.xin1{

            width: 88px;

            height: 81px;

            background: url(images/xin.png) no-repeat;

        }

        .xin{

            margin: 50px auto;

            position: relative;

        }

        .xin1{

            position: absolute;

            left: 0;

            top: 0;

            animation: r1 .5s linear 0s infinite;

        }

        @keyframes r1{

            from{

                opacity: 1;

            }

            to{

                transform: scale(2);

                opacity: 0;

            }

        }

    </style>

    <div class="xin">

        <div class="xin1"></div>

    </div>