Organic Blob Studio

Generate 8-point morphing organic shapes with gradient fills and CSS keyframe loops.

Fill Style:

Color 1:#EC4899

Color 2:#8B5CF6

8-Point Radius Matrix (%):

Point 160%

Point 240%

Point 330%

Point 470%

Point 560%

Point 630%

Point 770%

Point 840%

Morph Duration:6s

Glow / Shadow:50%

Format:

@keyframes blob-morph {
  0%, 100% { border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; }
  33% { border-radius: 40% 60% 70% 30% / 40% 40% 60% 50%; }
  66% { border-radius: 70% 30% 50% 50% / 30% 30% 70% 70%; }
}

.organic-blob {
  width: 380px;
  height: 380px;
  background: linear-gradient(135deg, #EC4899, #8B5CF6);
  border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
  box-shadow: 0 24px 60px #EC489980;
  animation: blob-morph 6s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) { .organic-blob { animation: none; } }