jquery.circle.css

.CircleJS {
    height: 100px;
    width: 100px;
    border: 3px solid #1980D5;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    border-radius: 50%;
    box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.5),
                0 0 3px #1980D5,
                0 0 3px #1980D5 inset;
}


@-webkit-keyframes CircleJSEnterAnimationScale {
    from { -webkit-transform: scale(10); transform: scale(10); }
    to { -webkit-transform: scale(1); transform: scale(1); }
}
@-moz-keyframes CircleJSEnterAnimationScale {
    from { -moz-transform: scale(10); transform: scale(10); }
    to { -moz-transform: scale(1); transform: scale(1); }
}
@-o-keyframes CircleJSEnterAnimationScale {
    from { -o-transform: scale(10); transform: scale(10); }
    to { -o-transform: scale(1); transform: scale(1); }
}
@keyframes CircleJSEnterAnimationScale {
    from { transform: scale(10); }
    to { transform: scale(1); }
}

@-webkit-keyframes CircleJSEnterAnimationOpacity {
    from { opacity: 0; }
    to { opacity: 1; }
}
@-moz-keyframes CircleJSEnterAnimationOpacity {
    from { opacity: 0; }
    to { opacity: 1; }
}
@-o-keyframes CircleJSEnterAnimationOpacity {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes CircleJSEnterAnimationOpacity {
    from { opacity: 0; }
    to { opacity: 1; }
}

.CircleJSAnimated {
    -webkit-animation: CircleJSEnterAnimationScale 0.7s ease,
                       CircleJSEnterAnimationOpacity 0.7s linear;
       -moz-animation: CircleJSEnterAnimationScale 0.7s ease,
                       CircleJSEnterAnimationOpacity 0.7s linear;
         -o-animation: CircleJSEnterAnimationScale 0.7s ease,
                       CircleJSEnterAnimationOpacity 0.7s linear;
            animation: CircleJSEnterAnimationScale 0.7s ease,
                       CircleJSEnterAnimationOpacity 0.7s linear;
}

.CircleJSTransitioned {
    -webkit-transition: transform 0.7s ease, opacity 0.7s linear;
       -moz-transition: transform 0.7s ease, opacity 0.7s linear;
         -o-transition: transform 0.7s ease, opacity 0.7s linear;
            transition: transform 0.7s ease, opacity 0.7s linear;
}