Blurry Blob

Animated blurry blob background.

background
Description of the SVG image Loading...

Installation

Not available yet.

theme: {
  extend: {
    keyframes: {
        "popBlob": {
        "0%": { transform: "scale(1)" },
        "33%": { transform: "scale(1.2)" },
        "66%": { transform: "scale(0.8)" },
        "100%": { transform: "scale(1)" },
      },
      colors: {
        filter: {
       "blur-20": "blur(20px)",
       "blur-25": "blur(25px)",
        },
      },
    animation: {
      "popBlob": "popBlob 5s infinite",
    }
  },
 },
},