Png animat ajutor

[Seph]

Cum pot sa fac o astfel de imagine sa fie animata. Ca cea de aici, logo-ul unde scrie skiss childhood.

Skis - Kid Fashion 1.

Am incercat sa copiez codul cu link-ul de acolo si jqeuery-ul insa nu a mers.

[Floki]

de pe site-ul respectiv:

<style>
/* ANIMATION EFFECT */
@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    30% {
        -webkit-transform: scaleX(1.25) scaleY(0.75);
        transform: scaleX(1.25) scaleY(0.75);
    }

    40% {
        -webkit-transform: scaleX(0.75) scaleY(1.25);
        transform: scaleX(0.75) scaleY(1.25);
    }

    60% {
        -webkit-transform: scaleX(1.15) scaleY(0.85);
        transform: scaleX(1.15) scaleY(0.85);
    }

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

@keyframes rubberBand {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    30% {
        -webkit-transform: scaleX(1.25) scaleY(0.75);
        -ms-transform: scaleX(1.25) scaleY(0.75);
        transform: scaleX(1.25) scaleY(0.75);
    }

    40% {
        -webkit-transform: scaleX(0.75) scaleY(1.25);
        -ms-transform: scaleX(0.75) scaleY(1.25);
        transform: scaleX(0.75) scaleY(1.25);
    }

    60% {
        -webkit-transform: scaleX(1.15) scaleY(0.85);
        -ms-transform: scaleX(1.15) scaleY(0.85);
        transform: scaleX(1.15) scaleY(0.85);
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}
img {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-delay:0.5s;
    -webkit-animation-delay:0.5s;
}
</style>
<img src="http://skis-store3.demo.kulerthemes.com/image/data/banner/logokid.png">

[Seph]

A mers, imi scapa mie ceva.

Am inlocuit si img{ cu img2{, altfel modifica toate imaginile.

[Floki]

<style>
.my-class {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-delay:0.5s;
    -webkit-animation-delay:0.5s;
}
</style>
<img class="my-class" src="http://skis-store3.demo.kulerthemes.com/image/data/banner/logokid.png">

[swapna31]

Excellent thread..!!!