Un code par mironovbogdan341

819 mironovbogdan341

Ouvrir dans l'éditeur Publiez votre code

Recommandé

17 November 2025

Un code de Météore

3 October 2025

Effet de morphing de forme du système de particules Three.js

2 June 2025

Un code par youssefdahroug2005

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é

Un code de Météore

Effet de morphing de forme du système de particules Three.js

Un code par youssefdahroug2005

HTML

CSS

JS

Recommandé

Un code de Météore

Effet de morphing de forme du système de particules Three.js

Un code par youssefdahroug2005

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS