• 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
    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 !