CSS Gradient Generator: layered presets, animation and code export

/* PixHolm CSS Gradient Generator */

.pixholm-gradient {
  position: relative;
  isolation: isolate;
  background-image:
    radial-gradient(circle at 18% 28%, #26FFB4 0%, rgba(38, 255, 180, 0) 52%),
    radial-gradient(circle at 72% 18%, #4D7CFF 0%, rgba(77, 124, 255, 0) 58%),
    radial-gradient(circle at 46% 82%, #B44DFF 0%, rgba(180, 77, 255, 0) 55%),
    linear-gradient(200deg, #04070F 0%, #08183A 100%);
  background-size: 200% 200%;
  background-position: 0% 50%;
  background-blend-mode: screen, screen, screen, normal;
  animation: pixholm-gradient-pan 14s linear infinite;
}

@keyframes pixholm-gradient-pan {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

@media (prefers-reduced-motion: reduce) {
  .pixholm-gradient {
    animation: none;
  }
}