DEV Community
·
使用 TypeScript、Tailwind 和 Framer Motion 的动态工作卡
💡
原文英文，约300词，阅读约需1分钟。
📝
内容提要
本文介绍了一种简单的工作卡组件，用户悬停时会出现动态效果。使用了shadcn和21st.dev等UI库，展示了渐变和图像倾斜效果，增强了项目的互动性和视觉吸引力。
🎯
关键要点
-
介绍了一种简单的工作卡组件，用户悬停时会出现动态效果。
-
使用了shadcn和21st.dev等UI库，增强了项目的互动性和视觉吸引力。
-
卡片上方的渐变效果和图像倾斜效果提升了用户体验。
-
展示了卡片的结构，包括Logo、标题和描述。
-
包含了两个图片容器，展示了不同的图像效果。
➡️
