当青训营遇上码上掘金，我选择的主题是我的名片
前言
从前车马很慢，信中情愫满载。
正如狐妖x仆ss中每次书信的传递都要经过挑选信壳，信纸和火漆印均需慎重考虑，这不仅仅是一种尊重认真的态度，也是情感的表达，给人不同的观感。也如单霁翔院长与他的夫人三年出国留学之间的书信往来。
这不仅仅在叙述自己的生活，背后更是情感的寄托。对方通过一封封信件通过做过的事情了解人，总是满怀着期待认识人不曾流露的一面，这何尝不是一种自我介绍。
代码实现
信封的样式
一开始我是先想到老师课程上所使用的边框中margin的使用，后来尝试的时候发现会出现问题，而且难以实现信封打开的效果，最后决定利用css样式实现三角形的形状。
先是绘制出左右两边的对称三角形，然后依据尺寸再绘制出下面的三角形，最后绘制的是作为封头的三角形，这个需要部分覆盖掉左右两边的三角形。
【注意】用于表示信封的四个模块颜色可以依据各人喜好进行调整，但此处需要将背景调色，不能与信封任何一块颜色相同，否则在感观上会缺少
封口动画效果
将封口处的元素使用rotateX旋转。这其中用到的技术就是3D transform的运用。
@-webkit-keyframes breath{
100%{-webkit-transform:rotateX(80deg);}
}
信封内部内容的设置
这就需要将信纸藏于信封之下，这样当信封开启时就能看到里面的内容了。这块最重要的是如何将内容的div放置在信封div之上，而且不会挡住或干扰
