Beispiel

<style>
#eins {
position: relative;
top: 10px;
left: 0px;
z-index: ;
width: 0;
height: 0;
padding: 0;
margin: 0;
animation: eins 5s 3; /* Name; Dauer 1 Weg; Wiederholung */
animation-direction: alternate; /*hin und her - vor und zurück */
animation-delay: 5s; /* Start nach */
}

@keyframes eins {
0% {left: 0px; top: 10px;}
25% {left: 100px; top: 10px;}
50% {left: 100px; top: 100px;}
75% {left: 0px; top: 100px;}
100% {left: 0px; top: 10px;}
}
</style>

▸ Content ▸ Home