Un codice di mironovbogdan341

205 mironovbogdan341

Apri nell'Editor Pubblica il Tuo Codice Hai bisogno di un sito web?

Consigliato

3 January 2025

Un codice di alexandrestelmaszyk

14 September 2024

Modulo di Accesso con Glassmorphism

30 November 2024

Sito web di viaggi con bordo invertito

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

Un codice di alexandrestelmaszyk

Modulo di Accesso con Glassmorphism

Sito web di viaggi con bordo invertito

HTML

CSS

JS

Consigliato

Un codice di alexandrestelmaszyk

Modulo di Accesso con Glassmorphism

Sito web di viaggi con bordo invertito

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS