当青训营遇上码上掘金
页面排布
这次参加了码上掘金的活动，选取了主题1，制作了一个自己的名片。
因为喜欢下面这张图作为背景所以选取了，粉色系的两种颜色作为底色和文本色。
设计示意图
结构其实很简单：
动画效果
动画方面想要让装饰的图片在鼠标悬停的时候向两侧移动，文本出现放大。
- 文本效果 通过transition直接设置出现时间为1.5s，再用opacity设置文本的不透明度达到效果
- 装饰图效果
设置装饰图的位置，用的是绝对定位，并设置一层投影，使两层重叠的效果看起来更真实，并设置不透明度“opacity: .9;”，以及动画过度transition: 1.5s。
通过transform: rotateZ设置元素旋转的角度
最后设置动画
最后
放个作品链接在这：我的名片
