Плавная анимация изображений в управляемом цикле на javascript с параметрами, SVG и CSS

Стили

<style>
    #call_svg3, #call_svg2, #call_svg1 {
        position:absolute;
    }
    #call_svg1 {
        width:72px;
        height:72px;
        z-index:450000;
        top:20px;
        left:10px
    }
    #call_svg2 {
        width:88px;
        height:88px;
        z-index:350000;
        top:11px;
        left:2px;
    }
    #call_svg3 {
        width:104px;
        height:104px;
        z-index:250000;
        top:2px;
        left:-6px;
    }
    #call_svg2, #call_svg3 {
        display:none;
    }
    .right_rotate_call {
        -webkit-transform: rotate(30deg);
        -moz-transform:rotate(30deg);
        -o-transform:rotate(30deg);
        -ms-transform:rotate(30deg);
        transform:rotate(30deg);
        -webkit-transition:all 500ms;
        -moz-transition:all 500ms;
        -o-transition:all 500ms;
        transition:all 500ms;
    }
    .left_rotate_call {
        -webkit-transform: rotate(0deg);
        -moz-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        transform:rotate(0deg);
        -webkit-transition:all 500ms;
        -moz-transition:all 500ms;
        -o-transition:all 500ms;
        transition:all 500ms;
    }
</style>


Читать дальше →