trevoristall
10/25/2014 - 7:01 PM

Cool wobbly animation seen in the footer of http://bjango.com/mac/istatmini/

Cool wobbly animation seen in the footer of http://bjango.com/mac/istatmini/

zoomitbig
content_copyfile_download
@-webkit-keyframes zoomit {
    15%,40%,75%,100% {
        -webkit-transform-origin: center center;
    }

    15% {
        -webkit-transform: scale(1.2, 1.1);
    }

    40% {
        -webkit-transform: scale(0.95, 0.95);
    }

    75% {
        -webkit-transform: scale(1.05, 1);
    }

    100% {
        -webkit-transform: scale(1, 1);
    }
}

@-moz-keyframes zoomit {
    15%,40%,75%,100% {
        -moz-transform-origin: center center;
    }

    15% {
        -moz-transform: scale(1.2, 1.1);
    }

    40% {
        -moz-transform: scale(0.95, 0.95);
    }

    75% {
        -moz-transform: scale(1.05, 1);
    }

    100% {
        -moz-transform: scale(1, 1);
    }
}

@-webkit-keyframes zoomitbig {
    15%,40%,75%,100% {
        -webkit-transform-origin: center center;
    }

    15% {
        -webkit-transform: scale(1.4, 1.2);
    }

    40% {
        -webkit-transform: scale(0.9, 0.9);
    }

    75% {
        -webkit-transform: scale(1.08, 1);
    }

    100% {
        -webkit-transform: scale(1, 1);
    }
}

@-moz-keyframes zoomitbig {
    15%,40%,75%,100% {
        -moz-transform-origin: center center;
    }

    15% {
        -moz-transform: scale(1.4, 1.2);
    }

    40% {
        -moz-transform: scale(0.9, 0.9);
    }

    75% {
        -moz-transform: scale(1.08, 1);
    }

    100% {
        -moz-transform: scale(1, 1);
    }
}