Активный
- Регистрация
- 31 Июл 2023
- Сообщения
- 14
- Автор темы
- #1
Ниже приведен основной код. Файлом прикреплю весь код.
.userBanner {
color: #fff;
text-transform: uppercase;
font-weight: 600;
font-size: 65%;
padding: 3px 6px;
background-size: 600% 600%;
animation: AnimBanner 10s ease infinite
}
.userBanner.userBanner--staff {
color: #fff;
border-radius: 30px;
background: linear-gradient(270deg, #f00, #ff6347, #f00);
background-size: 900% 900%
}
.userBanner.krasin {
background-image: linear-gradient(270deg, #ff4500, #ff6347, #ff4500)
}
@keyframes AnimBanner {
0% {
background-position: 0% 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0% 50%
}
}
color: #fff;
text-transform: uppercase;
font-weight: 600;
font-size: 65%;
padding: 3px 6px;
background-size: 600% 600%;
animation: AnimBanner 10s ease infinite
}
.userBanner.userBanner--staff {
color: #fff;
border-radius: 30px;
background: linear-gradient(270deg, #f00, #ff6347, #f00);
background-size: 900% 900%
}
.userBanner.krasin {
background-image: linear-gradient(270deg, #ff4500, #ff6347, #ff4500)
}
@keyframes AnimBanner {
0% {
background-position: 0% 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0% 50%
}
}