Un code par mironovbogdan341

335 mironovbogdan341

Ouvrir dans l'éditeur Publiez votre code

Recommandé

22 August 2025

Commentaire d'espace réservé au code HTML

21 January 2025

CodePen Accueil Étoiles et vitesse de distorsion

25 June 2025

Un code de Mete

HTML

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Кнопка RGB переливается</title>
<style>
  /*Общий стиль для тела страницы */
  body {
    display: 
  /* Стиль для кнопки */
  .rainbow-button {
    padding: 15px 30px;
    font-size: 18px;
    color: #fff;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    background: linear-gradient(270deg, red, orange, yellow, green, blue, indigo, violet);
    background-size: 1400% 1400%;
    animation: rainbow 10s ease infinite;
    transition: transform 0.2s;
  }

/* Эффект при наведении */
  .rainbow-button:hover {
    transform: scale(1.05);
  }

/* Анимация градиента */
  @keyframes rainbow {
    0% {
      background-position: 0% 50%;
    }
    50% {
      background-position: 100% 50%;
    }
    100% {
      background-position: 0% 50%;
    }
  }
</style>
</head>
<body>

<button class="rainbow-button">РГБ кнопка</button>

</body>
</html>

Un code par mironovbogdan341

Recommandé

Commentaire d'espace réservé au code HTML

CodePen Accueil Étoiles et vitesse de distorsion

Un code de Mete

HTML

CSS

JS

Recommandé

Commentaire d'espace réservé au code HTML

CodePen Accueil Étoiles et vitesse de distorsion

Un code de Mete

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS