
// Shake
@keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }
    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }
    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }
    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}


@keyframes clockwork {
    to {
        transform: rotate(1turn);
    }
}


// Blinker
@-moz-keyframes blinker {
    to {
        opacity: .5;
    }
}
@-webkit-keyframes blinker {
    to {
        opacity: .5;
    }
}
@keyframes blinker {
    to {
        opacity: .5;
    }
}


// Spin
@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}
@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform:rotate(360deg);
    }
}