Un código de mironovbogdan341

1100 mironovbogdan341

Abrir en el editor Video Publica tu código

Recomendado

20 June 2025

Plantilla de panel de administración HTML

11 August 2025

Contenedor de animación de mensajes HTML

15 May 2025

El código 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 código de mironovbogdan341

Recomendado

Plantilla de panel de administración HTML

Contenedor de animación de mensajes HTML

El código de Mete

HTML

CSS

JS

Recomendado

Plantilla de panel de administración HTML

Contenedor de animación de mensajes HTML

El código de Mete

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS