Pokémon Go target

by cchana

HTML

<div></div>

CSS

div {
    animation-name: pulsate;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    border: 2px solid #F55;
    border-radius: 100%;
    box-shadow: 0 0 10px rgba(0,0,0,0.25), inset 0 0 10px rgba(0,0,0,0.25);
    margin: 50px;
}

@keyframes pulsate {
    0% {
        margin: 50px;
        height: 200px;
        width: 200px;
    }
    100% {
        border-width: 1px;
        margin: 150px;
        height: 10px;
        width: 10px;
    }
}