iOS 12.3.1, Safari,12.1.1

Last edited by Фотомоделечка (2019-06-06 22:33:48)

Author signature

[html] <style>
#ellaG{
    width:300px;
    margin:auto;
    height:60px;
}

.ellaG{
    color:rgb(0,0,0);
    font-family:morf;
    font-size:60px;
    text-decoration:none;
    font-weight:normal;
    font-style:normal;
    float:left;
    animation-name:bounce_ellaG;
        -o-animation-name:bounce_ellaG;
        -ms-animation-name:bounce_ellaG;
        -webkit-animation-name:bounce_ellaG;
        -moz-animation-name:bounce_ellaG;
    animation-duration:3s;
        -o-animation-duration: 3s;
        -ms-animation-duration: 3s;
        -webkit-animation-duration: 3s;
        -moz-animation-duration: 3s;
    animation-iteration-count:infinite;
        -o-animation-iteration-count:infinite;
        -ms-animation-iteration-count:infinite;
        -webkit-animation-iteration-count:infinite;
        -moz-animation-iteration-count:infinite;
    animation-direction:normal;
        -o-animation-direction:normal;
        -ms-animation-direction:normal;
        -webkit-animation-direction:normal;
        -moz-animation-direction:normal;
    transform:scale(.3);
        -o-transform:scale(.3);
        -ms-transform:scale(.3);
        -webkit-transform:scale(.3);
        -moz-transform:scale(.3);
}

#ellaG_1{
    animation-delay:1.5s;
        -o-animation-delay:1.5s;
        -ms-animation-delay:1.5s;
        -webkit-animation-delay:1.5s;
        -moz-animation-delay:1.5s;
}
#ellaG_2{
    animation-delay:1.7s;
        -o-animation-delay:1.7s;
        -ms-animation-delay:1.7s;
        -webkit-animation-delay:1.7s;
        -moz-animation-delay:1.7s;
}
#ellaG_3{
    animation-delay:1.9s;
        -o-animation-delay:1.9s;
        -ms-animation-delay:1.9s;
        -webkit-animation-delay:1.9s;
        -moz-animation-delay:1.9s;
}
#ellaG_4{
    animation-delay:2s;
        -o-animation-delay:2s;
        -ms-animation-delay:2s;
        -webkit-animation-delay:2s;
        -moz-animation-delay:2s;
}
#ellaG_5{
    animation-delay:2.2s;
        -o-animation-delay:2.2s;
        -ms-animation-delay:2.2s;
        -webkit-animation-delay:2.2s;
        -moz-animation-delay:2.2s;
}

@keyframes bounce_ellaG{
    0%{
        transform:scale(1);
        color:rgb(0,0,0);
    }

    100%{
        transform:scale(.3) rotate(90deg);
        color:rgb(255,255,255);
    }
}

@-o-keyframes bounce_ellaG{
    0%{
        -o-transform:scale(1);
        color:rgb(0,0,0);
    }

    100%{
        -o-transform:scale(.3) rotate(90deg);
        color:rgb(255,255,255);
    }
}

@-ms-keyframes bounce_ellaG{
    0%{
        -ms-transform:scale(1);
        color:rgb(0,0,0);
    }

    100%{
        -ms-transform:scale(.3) rotate(90deg);
        color:rgb(255,255,255);
    }
}

@-webkit-keyframes bounce_ellaG{
    0%{
        -webkit-transform:scale(1);
        color:rgb(0,0,0);
    }

    100%{
        -webkit-transform:scale(.3) rotate(90deg);
        color:rgb(255,255,255);
    }
}

@-moz-keyframes bounce_ellaG{
    0%{
        -moz-transform:scale(1);
        color:rgb(0,0,0);
    }

    100%{
        -moz-transform:scale(.3) rotate(90deg);
        color:rgb(255,255,255);
    }
}</style> <div id="ellaG"><div id="ellaG_1" class="ellaG">Н</div><div id="ellaG_2" class="ellaG">а</div><div id="ellaG_3" class="ellaG">ж</div><div id="ellaG_4" class="ellaG">м</div><div id="ellaG_5" class="ellaG">и</div><a title="Ссылка к дуэли" href="https://domkyznechik.ru/profile.php?section=view&id=50"> <img height="77"src="https://i.imgur.com/O5vhmqu.gif" alt= "Фото/гиф Перехода" width="auto" height="auto" /></a> </div>[/html]