CSS Animation

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • 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
  • Kommt darauf an was du einfügen willst? Ein Bild oder nur eine Farbe?

    Bei einem Bild wäre es so...

    CSS-Quellcode

    1. background-image: url("Images/bild.jpg");
    Im Beispiel ist das Bild im Ordner "Images" enthalten !

    Bei einer Farbe so...

    background-color: #cccccc;
    Wissen ist MACHT ! Nichts zu Wissen macht nichts !
    Wissen ist MACHT ...ohne es zu wissen !