Scale, Fade and Spin

Scale and fade in and spin thereafter.

HTML

Only needs to run in FF.
<div></div>

CSS

div {
    width: 100px;
    height: 100px;
    background: transparent;
    border: solid 10px blue;
    border-radius: 10%;
    border-top: solid 1px transparent;
    border-bottom: solid 1px transparent;
    -moz-animation-name: scaleIn, fadeIn, spin;
    -moz-animation-duration: 1s, 1s, 1s;
    -moz-animation-timing-function: ease-in, ease-in, linear;
    -moz-animation-delay: 0, 0, 0;
    -moz-animation-iteration-count: 1, 1, infinite;
    -moz-animation-direction: normal, normal, normal;
    -moz-animation-fill-mode: forwards, forwards, forwards;
    -moz-animation-play-state: running, running, running;
}
@-moz-keyframes scaleIn {
    from {
        -moz-transform: scale(2);
    }
    to {
        -moz-transform: scale(1);
    }
}
@-moz-keyframes fadeIn {
    from {
        opacity: 0.0;
    }
    to {
        opacity: 1.0;
    }
}
@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(360deg);
    }
}