Hallo Leute,
ich mochte gerne eine animation per HTML und CSS realisieren komme aber nicht so richtig weiter.
Habe ein HTML Objekt angelegt und hier den HTML-Code rein.
In Erweitert den CSS-CODE zum testen, es will halt nicht, da ich nicht weis welchen Pfad ich da angeben muss.
Wenn ich den Ursprungs-Code verwende funktiniert es mit der original URL-Angabe.
Wie lautet hier meine Pfadangabe zu dem Background
Hier mal der HTML-Code:
<div class="dog-logo"></div>
Und hier der CSS-CODE:
.dog-logo {
width: 388px;
height: 70px;
margin: 2% auto;
background: PFAD = ( was muss hier rein, damit es schon im Programmläuft ) left top;
-webkit-animation:
playv 6s steps(44) infinite,
playh 0.25s steps(46) infinite;
}
@-webkit-keyframes playv {
from { background-position-y: 0; }
to { background-position-y: -550px; }
}
@-webkit-keyframes playh {
from { background-position-x: 0; }
to { background-position-x: -903px; }
}
Gruß
MCMACMASTER