Решено Баннер Директор || Для крмп или своего форума

[PantsPablo]

Уважаемые друзья сливаю для вас баннер под названием директор

Спойлер: Css

.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%; }
}

Скрин баннера

 

[damitz]

OFFTOP

откуда взяты баннеры?

 

[PantsPablo]

Маленький баннер кому надо ещё дополняю

Спойлер: Маленький баннер

.directorBanner {
color: #fff;
text-transform: uppercase;
font-weight: bold;
font-size: 0.65em; /* Уменьшенный размер шрифта */
padding: 3px 6px; /* Уменьшенное внутреннее поле */
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%; }
}

 

[PantsPablo]

OFFTOP

откуда взяты баннеры?

Сам сделал там я ещё объяснил что к чему обочначает

 

[pikamonov]

Сам сделал

писать код через ChatGPT, не означает, что вы сами его писали.

это прекрасно видно, по комментариям в коде, такие комментарии - оставляют только языковые модели.

к тому же, будем честны, сам по себе баннера страшненькие. =(