Un code par mironovbogdan341

Ouvrir dans l'éditeur Publiez votre code Precisa de um site?

Recommandé

29 August 2024

Une page d'accueil sur la lavande

28 March 2025

<!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é

Page 404 avec parallaxe

Une page d'accueil sur la lavande

Un code par mcdonge13

HTML

CSS

JS

Recommandé

Page 404 avec parallaxe

Une page d'accueil sur la lavande

Un code par mcdonge13

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS