zsp/everything-claude-code
1
0
Fork 0
mirror of https://github.com/affaan-m/everything-claude-code.git synced 2026-06-11 02:33:10 +08:00
Code Issues Packages Projects Releases Wiki Activity

Refactor Accordion motion properties

Browse Source 
Updated Accordion motion properties for better animation effects.
This commit is contained in:
Jeff
2026-05-12 10:36:55 +05:30
committed by GitHub
parent d7db8c8c83
commit 6ba453aa1a
1 changed files with 4 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
skills/motion-patterns/SKILL.md
View File

@@ -314,11 +314,10 @@ export function ExpandingCard({ title, body }: { title: string; body: string })
```tsx
<motion.div
animate={{
height: open ? "auto" : 0,
overflow: "hidden",
}}
transition={{
initial={false}
animate={{ opacity: open ? 1 : 0, scaleY: open ? 1 : 0 }}
style={{ transformOrigin: "top", overflow: "hidden" }}
transition={{
duration: motionTokens.duration.normal,
ease: motionTokens.easing.smooth,
}}