Пользователь
- Регистрация
- 17 Окт 2024
- Сообщения
- 140
- Автор темы
- #1
Вот пример адаптируйте под себя
.userBanner.userBanner--
{
color: white;
background: linear-gradient(90deg,
#FF0000, #FF7F00, #FFFF00, #00FF00,
#0000FF, #4B0082, #8B00FF);
background-size: 400% 100%;
font-size: 87%;
border-radius: 10px;
text-align: center;
padding: 1px 10px 3px;
font-style: normal;
border: none;
animation: rainbow 12s linear infinite;
}
@keyframes rainbow {
0% { background-position: 0% 50%; }
100% { background-position: 400% 50%; }
}
.userBanner.userBanner--
{
color: white;
background: linear-gradient(90deg,
#FF0000, #FF7F00, #FFFF00, #00FF00,
#0000FF, #4B0082, #8B00FF);
background-size: 400% 100%;
font-size: 87%;
border-radius: 10px;
text-align: center;
padding: 1px 10px 3px;
font-style: normal;
border: none;
animation: rainbow 12s linear infinite;
}
@keyframes rainbow {
0% { background-position: 0% 50%; }
100% { background-position: 400% 50%; }
}