snippet.html

<!-- APRIL START -->
<style>
#lennart {
    position: fixed;
    top: 0px;
    left: 62%;
    -webkit-animation: move 6s ease-in-out 0s 1;
    -o-animation: move 6s ease-in-out 0s 1;
    animation: move 6s ease-in-out 0s 1;
}

@-webkit-keyframes move {
    0%   {top: -120px;}
    30%  {top: -120px;}
    50%  {top: -60px;}
    75%  {top: -60px}
    100% {top: 0px;}
}

@-o-keyframes move {
    0%   {top: -120px;}
    30%  {top: -120px;}
    50%  {top: -60px;}
    75%  {top: -60px}
    100% {top: 0px;}
}
@keyframes move {
    0%   {top: -120px;}
    30%  {top: -120px;}
    50%  {top: -60px;}
    75%  {top: -60px}
    100% {top: 0px;}
}
</style>
<a href="/paddlectl.html" id="lennart"><img src="aprilfools-2015/lennart.png"></a>
<!-- APRIL END -->