{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "animate-flip",
  "title": "Animate Flip",
  "author": "designbycode",
  "cssVars": {
    "theme": {
      "--animate-flip": "flip 1s ease-in-out"
    }
  },
  "css": {
    "@layer utilities": {
      "@keyframes flip": {
        "0%": {
          "transform": "perspective(400px) rotate3d(0, 1, 0, -360deg)",
          "animation-timing-function": "ease-out"
        },
        "40%": {
          "transform": "perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg)",
          "animation-timing-function": "ease-out"
        },
        "50%": {
          "transform": "perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg)",
          "animation-timing-function": "ease-in"
        },
        "80%": {
          "transform": "perspective(400px) scale3d(0.95, 0.95, 0.95)",
          "animation-timing-function": "ease-in"
        },
        "100%": {
          "transform": "perspective(400px) scale3d(1, 1, 1)",
          "animation-timing-function": "ease-in"
        }
      }
    }
  },
  "meta": {
    "category": "animations",
    "version": "1.0.0"
  },
  "type": "registry:style"
}