Ein Code von mironovbogdan341

Im Editor öffnen Video Veröffentlichen Sie Ihren Code

Empfohlen

22 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>

Ein Code von mironovbogdan341

Empfohlen

Ein Code von carab5256

Ein Code von Metehan

Ein Code von yuhhxn

HTML

CSS

JS

Empfohlen

Ein Code von carab5256

Ein Code von Metehan

Ein Code von yuhhxn

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS