Ergebnis 1 bis 3 von 3

Thema: CSS3 Bild animation

  1. #1
    Unregistriert
    Gast

    Frage CSS3 Bild animation

    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
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Teeny Avatar von styleshiet
    Registriert seit
    06.06.2012
    Beiträge
    49
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: CSS3 Bild animation

    Probier mal dies
    Code:
    @keyframes myfirst{
    	from {background-position:0px 0px}
    	to   {background-position:200px 0px}
    }
    und vergiss nicht die Vendor-Prefixe !
    Ansonsten würde ich zwei 'Images' animieren. Mehr dazu findest du hier
    Stell dir vor es ist machbar, aber keiner kriegt's hin...

    CssApps.de

  3. #3
    Unregistriert
    Gast

    Standard AW: CSS3 Bild animation

    Vielen Dank, hat mir geholfen

Ähnliche Themen

  1. animation stoppen css3
    Von Ruccola im Forum HTML & CSS Forum
    Antworten: 0
    Letzter Beitrag: 05.10.2012, 18:23
  2. CSS3 Stanzschrift
    Von Billbos im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 05.08.2011, 21:12
  3. Die Macht von CSS3
    Von Dodo im Forum Link Tipps
    Antworten: 7
    Letzter Beitrag: 16.08.2010, 17:18
  4. Css3
    Von Macrosdesign im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 17.01.2010, 22:41
  5. Antworten: 3
    Letzter Beitrag: 06.11.2007, 18:51

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •