CSS3 Animation with transform: scale(n, n); June 25th, 2014

<div class="animateable"></div>

/******** SCALE ********/
.animateable {
    ...
    animation: inout 2s;
        -webkit-animation: inout 2s;
    animation-iteration-count: 1;
        -webkit-animation-iteration-count: 1;
}
@keyframes inout {
    0% {
        transform: scale(0, 0);
    }
    50% {
        transform: scale(2, 2);
    }
    100% {
        transform: scale(1, 1);
    }
}
@-webkit-keyframes inout {
    /* Safari & Chrome */
    0% {
        -webkit-transform: scale(0, 0);
    }
    50% {
        -webkit-transform: scale(2, 2);
    }
    100% {
        -webkit-transform: scale(1, 1);
    }
}