Fundo Animado





Fundo Animado





Fundo Animado

<!DOCTYPE html>
<html lang="pt-br">
<head>
  <meta charset="UTF-8">
  <title>Fundo Animado</title>
  <style>
    body {
      margin: 0;
      height: 100vh;
      background: linear-gradient(45deg, #ff9a9e, #fad0c4, #fbc2eb);
      background-size: 600% 600%;
      animation: gradientShift 15s ease infinite;
      overflow: hidden;
    }

    @keyframes gradientShift {
      0% { background-position: 0% 50%; }
      50% { background-position: 100% 50%; }
      100% { background-position: 0% 50%; }
    }

    .flash {
      position: absolute;
      width: 100vw;
      height: 100vh;
      background: radial-gradient(circle, rgba(255,255,255,0.3) 0%, transparent 70%);
      animation: flashPulse 5s ease-in-out infinite;
      pointer-events: none;
    }

    @keyframes flashPulse {
      0%, 100% { opacity: 0; }
      50% { opacity: 0.3; }
    }
  </style>
</head>
<body>
  <div class="flash"></div>
</body>
</html>
Buy Theme Now

You can also sellect color codes via admin theme options

Yes No
Yes No
Yes No
Reset Options

That is some options to demo for you.