• Microbrick

     


    <div id="mk"><img id="mk2" src="http://ekladata.com/mii32ADC22Soh6UuwAIHm7XryQA@100x100.gif" alt="" /></div>
    <style><!--
    #mk{width:600px; height:600px; border:0.1vh solid black; margin:1vh auto; animation: mick 20s linear 0s infinite alternate; animation-play-state:running; background:url('http://ekladata.com/O14Cd-gtPXk4o6OjSkAhZBxdg6c.jpg'); background-size:1617px 600px; }
    #mk2{height: 15vw; animation: mick2 20s linear 0s infinite alternate; animation-play-state:running;}
    @keyframes mick{
    0% {background-position:0px 0px;}
    100% {background-position:-1010px 0px;}}
    @keyframes mick2{
    0% {height:9vw; transform: translate(9vw,13vw);}
    30%{height:15vw; transform: translate(0vw,9vw);}
    40%{height:18vw; transform: translate(0vw,7vw);}
    80%{height:15vw; transform: translate(0vw,11vw);}
    100% {height:10vw;transform: translate(10vw,9vw); }}
    --></style>