animation.ibelick
Tada
tailwind.config.ts
{
  "animation": {
    "tada": "tada 1s ease-in-out"
  },
  "tada": {
    "0%": {
      "transform": "scale(1)"
    },
    "10%": {
      "transform": "scale(0.9) rotate(-3deg)"
    },
    "20%": {
      "transform": "scale(0.9) rotate(-3deg)"
    },
    "30%": {
      "transform": "scale(1.1) rotate(3deg)"
    },
    "40%": {
      "transform": "scale(1.1) rotate(-3deg)"
    },
    "50%": {
      "transform": "scale(1.1) rotate(3deg)"
    },
    "60%": {
      "transform": "scale(1.1) rotate(-3deg)"
    },
    "70%": {
      "transform": "scale(1.1) rotate(3deg)"
    },
    "80%": {
      "transform": "scale(1.1) rotate(-3deg)"
    },
    "90%": {
      "transform": "scale(1.1) rotate(3deg)"
    },
    "100%": {
      "transform": "scale(1) rotate(0)"
    }
  }
}