[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:




    Zitat von Spe4klezZ

    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%}
    }