feat(frontend): add shimmer, scan, row-flash keyframes
This commit is contained in:
@@ -104,12 +104,28 @@ export default {
|
||||
from: { opacity: "0" },
|
||||
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: {
|
||||
"accordion-down": "accordion-down 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-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",
|
||||
},
|
||||
},
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user