feat(frontend): add shimmer, scan, row-flash keyframes

This commit is contained in:
Tyler
2026-06-19 19:35:28 -06:00
parent ebd5566d7a
commit a355922b4c
+16
View File
@@ -104,12 +104,28 @@ export default {
from: { opacity: "0" }, from: { opacity: "0" },
to: { opacity: "1" }, to: { opacity: "1" },
}, },
shimmer: {
"0%": { transform: "translateX(-100%)" },
"100%": { transform: "translateX(100%)" },
},
scan: {
"0%": { transform: "translateX(-100%)" },
"50%": { transform: "translateX(300%)" },
"100%": { transform: "translateX(-100%)" },
},
"row-flash": {
"0%": { backgroundColor: "hsl(var(--accent) / 0.10)" },
"100%": { backgroundColor: "transparent" },
},
}, },
animation: { animation: {
"accordion-down": "accordion-down 0.2s ease-out", "accordion-down": "accordion-down 0.2s ease-out",
"accordion-up": "accordion-up 0.2s ease-out", "accordion-up": "accordion-up 0.2s ease-out",
"fade-in": "fade-in 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) both", "fade-in": "fade-in 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) both",
"fade-in-soft": "fade-in-soft 0.6s ease-out both", "fade-in-soft": "fade-in-soft 0.6s ease-out both",
shimmer: "shimmer 2.4s linear infinite",
scan: "scan 1.6s ease-in-out infinite",
"row-flash": "row-flash 1.2s ease-out",
}, },
}, },
}, },