Un codice di mironovbogdan341

337 mironovbogdan341

Apri nell'Editor Pubblica il Tuo Codice

Consigliato

7 November 2024

Disposizione delle colonne

1 March 2025

Un codice di gurbetshopelectronics

5 June 2025

Un codice di khachamohammed620

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 codice di mironovbogdan341

Consigliato

Disposizione delle colonne

Un codice di gurbetshopelectronics

Un codice di khachamohammed620

HTML

CSS

JS

Consigliato

Disposizione delle colonne

Un codice di gurbetshopelectronics

Un codice di khachamohammed620

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS