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

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

.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)

Dann sieht das Forum voll komisch aus

Ohne screen nix los

Sieht dann so aus:

Schick mir mal bitte den Link zum Forum, damit ich es mir Live ansehen kann.

http://www.sunshiner.at

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

Danke dir