By using Elementorforum.com’s services you agree to our Cookies Use and Data Transfer outside the EU.
We and our partners operate globally and use cookies, including for analytics, personalisation, ads and Newsletters.

  • Join the Best Unofficial Elementor Support forum

    Provide or get advice on everything Elementor and Wordpress, ask questions, gain confirmation or just become apart of a friendly, like minded community who love Wordpress and Elementor


    Join us!
elementor official

Rotating Background Color CSS

T

tah

New Member
I'd like to do this to the top section of my site. How would I go about incorporating the code on the page linked below? Can't link page...not enough posts so I've attached the code.....

FWIW: I had cade from another source (pretty much the same function) and I pasted it into the CSS frame for the section but it caused the entire site's background to color shift.

html,
body {
height: 100%;
}

.mydiv {
width:100%;
height:100%;
color:black;
font-weight:bold;
animation: myanimation 10s infinite;
}

@keyframes myanimation {
0% {background-color: red;}
25%{background-color:yellow;}
50%{background-color:green;}
75%{background-color:brown;}
100% {background-color: red;}
}
 
elementor official
elementor official
Top