Пользователь
- Регистрация
- 17 Май 2023
- Сообщения
- 44
- Автор темы
- #1
Уважаемые друзья сливаю для вас баннер под названием директор
.directorBanner {
color: #fff;
text-transform: uppercase;
font-weight: bold;
font-size: 1.5em; /* Увеличенный размер шрифта */
padding: 10px 20px; /* Увеличенное внутреннее поле */
border-radius: 20px; /* Закругленные углы */
background: linear-gradient(270deg, #FF5733, #FFC300, #DAF7A6, #33FF57, #337BFF);
background-size: 400% 400%; /* Размер фона для анимации */
animation: gradientAnimation 5s ease infinite; /* Анимация градиента */
text-align: center; /* Центрирование текста */
}
@keyframes gradientAnimation {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
color: #fff;
text-transform: uppercase;
font-weight: bold;
font-size: 1.5em; /* Увеличенный размер шрифта */
padding: 10px 20px; /* Увеличенное внутреннее поле */
border-radius: 20px; /* Закругленные углы */
background: linear-gradient(270deg, #FF5733, #FFC300, #DAF7A6, #33FF57, #337BFF);
background-size: 400% 400%; /* Размер фона для анимации */
animation: gradientAnimation 5s ease infinite; /* Анимация градиента */
text-align: center; /* Центрирование текста */
}
@keyframes gradientAnimation {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
Скрин баннера