Nebula Spin Effect

A spinning nebula background. Pick the colors and speed, then copy the code.

free · live preview · copy the code

Effect Customizer:

Generated Code:


    <div style={{
      width: '400px',
      height: '400px',
      filter: 'blur(70px)',
      backgroundImage: 'linear-gradient(#6e20ff, #ef7be9)',
      animation: 'rotate 8s linear infinite',
      opacity: '1',
      borderRadius: '30% 70% 70% 30%/30% 30% 70% 70%',
    }} />

More generators