[WBB] Bewegliche CSS - Klassen

  • HI, hat jemand für mich Bewegliche CSS - Klasen - Codes ?


    Würde mich freuen wenn mir jemand helfen könnte :)

  • Was genau meinst du mit beweglich? So pauschal kann man da keinen universal Code schicken. Was genau soll sich bewegen? Ein Element? Sich verschieben? Größer werden? Kleiner? Mehr Infos

  • Gemeint ist es so:



    //Edit: Die Farben sollen sich nach "Links und Rechts" bewegen

  • Wenn es nicht animiert sein soll:


    background: linear-gradient(to right, #BLAU, #GRÜN))


    Blau und Grün durch den Wunsch Farbcode ersetzen.

  • Wenn ich das so mache, geht mein Forum down:




  • Wenn ich das so mache, geht mein Forum down:




    Setz das bei Styles ein, schau vorher das du unter den erweiterten Style auch die Klammer hast Versuch mal oben vor die Class das Zeichen einzusetzen.


    }

  • .rangowner {background: linear-gradient(270deg, #18e6b1, #1e22cc);background-size: 400% 400%;}

    -webkit-animation: AnimationName 21s ease infinite;-moz-animation: AnimationName 21s ease infinite;animation: AnimationName 21s ease infinite;

    @-webkit-keyframes AnimationName {0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@-moz-keyframes AnimationName {0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes AnimationName {0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}


    Versuch es mal so. (Fehlende Klammer hinzugefügt)

  • do.de - Domain-Offensive - Domains für alle und zu super Preisen
  • Schick mir mal bitte den Link zum Forum, damit ich es mir Live ansehen kann.

  • .rangowner {
    background: linear-gradient(270deg, #18e6b1, #1e22cc);
    background-size: 400% 400%;
    -webkit-animation: AnimationName 21s ease infinite;
    -moz-animation: AnimationName 21s ease infinite;
    animation: AnimationName 21s ease infinite;
    }
    @-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
    }
    @-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
    }
    @keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
    }