主题创作1：我的名片

名片是向人介绍自我的重要工具，作为一名程序员用代码做自我介绍是一件非常酷炫的事情。请大家围绕“我的名片”这个主题进行代码创作。

前言

很高兴能有机会参加这次青训营前端专场，看到两个创作主题时觉得用前端知识创作出一张名片也是个挺有意思的活，跟着课程学完html和css就打算现学现用，稍微熟悉一下前端的基础知识，个人开发的简单demo，是基于html和Css创建一个个人名片组件。这个组件包含了基本的元素，如个人照片、姓名、头衔、联系方式。

创作

想做出一种拨开云雾见光明的效果 整体比较简单，但是在其中也使用了css的布局，例如flex，position，还有伪元素的旋转等等，当然，最主要的效果实现是hover和opacity

成果

其中一个主要的特点是使用了Css过渡和背景颜色变化来创建属于悬停时的动画。当用户将鼠标移动到卡片上时，才会显示个人信息（图片上传不了，显示非常简陋）

最后

写出了这么一张简单的名片（没有技巧全是基础），JS没有使用上，希望可以通过后续在青训营中的学习掌握更多知识和技能，给这张名片的设计添加一些丰富内容，变得更炫酷些！