Un codice di mironovbogdan341

824 mironovbogdan341

Apri nell'Editor Pubblica il Tuo Codice

Consigliato

23 June 2025

Esempio di modulo di accesso HTML

25 September 2025

Frammento di animazione di caricamento CSS

20 November 2025

Modello HTML per il conto alla rovescia di autodistruzione

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>

Consigliato

Esempio di modulo di accesso HTML

Frammento di animazione di caricamento CSS

Modello HTML per il conto alla rovescia di autodistruzione

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS