{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "animate-flip-in-x",
  "title": "Animate Flip In X",
  "author": "designbycode",
  "cssVars": {
    "theme": {
      "--animate-flip-in-x": "flipInX 1s"
    }
  },
  "css": {
    "@layer utilities": {
      "@keyframes flipInX": {
        "0%": {
          "transform": "perspective(400px) rotate3d(1, 0, 0, 90deg)",
          "opacity": "0"
        },
        "40%": {
          "transform": "perspective(400px) rotate3d(1, 0, 0, -20deg)",
          "animation-timing-function": "ease-out"
        },
        "60%": {
          "transform": "perspective(400px) rotate3d(1, 0, 0, 10deg)",
          "opacity": "1"
        },
        "80%": {
          "transform": "perspective(400px) rotate3d(1, 0, 0, -5deg)"
        },
        "100%": {
          "transform": "perspective(400px)"
        }
      }
    }
  },
  "meta": {
    "category": "animations",
    "version": "1.0.0"
  },
  "type": "registry:style"
}