HTML创意个人简介卡片布局，附带交互性极强的折叠与打开详情功能

预览下载收藏

大小	17 KB
总文件	7 个
发布	2024-09-19
更新	2025-03-03
架构	CSS + JavaScript
分类	前端资源 - 布局与背景
目录	结构详情

童哲网

最后更新：2025-03-03 · 专注前端模板资源分享

人工审核安全可信

通过JS结合CSS实现的个人信息展示卡片布局效果，初始状态下是一张手绘简图（可以根据性别放置不同的图片），简图的眼神会随着鼠标的方向进行移动。当点击简图后会呈现「折叠纸甩开摇摆」的动画效果，在简图的下方显示个人的昵称、简介以及交互按钮等内容。还支持关闭详细内容。整体布局是通过CSS设置的，动画效果是通过JS点击事件进行驱动的。