CSS3 Scale Animation

for http://stackoverflow.com/questions/17767759/css3-scale-animation-keyframes

HTML

<div id="treeLeaves"></div>
<div class="leaves">

CSS

#treeLeaves {
    background: url(http://s20.postimg.org/g5k7j78ml/leaves.png);
    background-repeat:no-repeat;
    width:100px;
    height:100px;
    z-index:5;
    position:absolute;
    border-radius: 50%;

    
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    
    
    -webkit-animation: leaves 5s ease-in-out infinite alternate;
    animation: leaves 5s ease-in-out infinite alternate;
    background: red;
}

@-webkit-keyframes leaves {
    0% {
        -webkit-transform: scale(1.0);
    }
    100% {
        -webkit-transform: scale(2.0);
    }
}

@keyframes leaves {
    0% {
        transform: scale(1.0);
    }
    100% {
        transform: scale(2.0);
    }
}