今天给大家安利一个超实用的电子名片开源项目 —— 用几行代码就能做出带动态效果、能直接跳转社交账号的个人电子名片，无论是职场社交还是线上展示都超吸睛！
👇 立即体验
在线预览：https://lunan.cloud/%E5%90%8D%E7%89%87.html
源码地址：https://github.com/guanyisheng/Anime-electronic-business-card
🌟 这张电子名片，真的有点东西
打开网页的瞬间就被惊艳到了 —— 毛玻璃质感的卡片搭配渐变背景，鼠标悬停时还有丝滑的动画过渡，比传统名片高级感拉满！
更重要的是它的实用性：
全设备适配：
手机、电脑打开都能自动调整排版，再也不用怕朋友手机上看变形
社交一键通：
集成微信、GitHub、个人主页等按钮，点击直接跳转
细节控狂喜：
从背景图到头像尺寸，甚至按钮悬停效果都能自定义，完全按自己喜好
如需定制可以在评论区中留言，前三名免费制作！
🛠️ 3 步搞定自定义，小白也能上手
不需要复杂编程知识，跟着改就行：
改个人信息
打开代码找到这两行，替换成你的名字和职位：
<div class="profile-name">你的名字</div><div class="profile-subtitle">你的职位/标签</div>
换图更个性
背景图：替换 CSS 里的图片链接，建议用渐变或简约风格图
body::before {background-image: url('你的背景图链接');}
微信二维码：
修改按钮里的data-image属性，换成自己的微信码
顶部头像：
直接替换 img 标签的图片链接，自动圆形裁剪
加社交链接
每个平台按钮都能加跳转链接，比如给 B 站账号加链接：
<button class="feature-button" data-url="你的B站主页" title="B站"><i class="fab fa-bilibili"></i></button>
🚀 部署超简单，随时分享
改完代码后，直接在浏览器打开文件就能看效果。想分享给别人？
推荐用 GitHub Pages 部署：
1.把代码传到 GitHub 仓库
2.进仓库设置开启 Pages 功能
3.几分钟后就能拿到一个专属链接，发朋友圈、放简历里都方便
👇 立即体验
在线预览：https://lunan.cloud/%E5%90%8D%E7%89%87.html
源码地址：https://github.com/guanyisheng/Anime-electronic-business-card
无论是程序员、设计师还是自由职业者，一张会动、能互动的电子名片，绝对能让别人对你印象深刻～ 快试试用代码给自己做张 “活” 名片吧！
Comments NOTHING