Я нашел этот код для анимации разных цветов, но когда я помещаю его в пользовательский раздел css моего сайта Wordpress, он применяется ко всей странице:
body {
animation: colorchange 50s; /* animation-name followed by duration in seconds*/
/* you could also use milliseconds (ms) or something like 2.5s */
-webkit-animation: colorchange 50s; /* Chrome and Safari */
}
@keyframes colorchange
{
0% {background: red;}
25% {background: yellow;}
50% {background: blue;}
75% {background: green;}
100% {background: red;}
}
@-webkit-keyframes colorchange /* Safari and Chrome - necessary duplicate */
{
0% {background: red;}
25% {background: yellow;}
50% {background: blue;}
75% {background: green;}
100% {background: red;}
}
Как мне сделать его поэтому я могу назвать это примерно так: animated-bk и затем использовать этот класс или идентификатор, когда я создаю страницы в elementor?
Я знаю, что это связано с изменением его с <body>, но я могу не сработает.
Любая помощь будет отличной.