Hallo liebe Helfer,
Ich habe da ein Problem mit meiner CSS3 Aufgabe und zwar soll ich ein Flugzeug über ein Wolkenfeld fliegen(von rechts ende nach links ende) lassen, das Problem ist es möchte die Animation im CSS-File nicht ausführen egal was ich tue.
Hinweis: Ich darf die HTML-Datei nicht ändern nur die CSS Datei.
Der Teil-Code:
#header {
height:75px;
width:auto;
background-image: url(flugzeug.jpg),url(wolken.jpg);
background-size:100px 70px,auto;
box-shadow: 10px 10px 5px #888888;
background-repeat:no-repeat,repeat-x;
background-position:top right,top right;
border-color:#87ceFa;
border-style:solid;
border-width:thin;-moz-animation-name: myfirst;
-moz-animation-duration: 5s;
-moz-animation-timing-function: linear;
-moz-animation-delay: 0s;
-moz-animation-iteration-count: infinite;
-moz-animation-direction: alternate;
-moz-animation-play-state: running;
-webkit-animation-name: myfirst;
-webkit-animation-duration: 5s;
-webkit-animation-timing-function: linear;
-webkit-animation-delay: 0s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
-webkit-animation-play-state: running;
animation-name: myfirst;
animation-duration: 5s;
animation-timing-function: linear;
animation-delay: 0s;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-play-state: running;
}
@keyframes myfirst{
from {left:0px;top:0px}
to {left:200px;top:0px}
}
Ich mache das zum ersten Mal bitte nicht auslachen 