当青训营遇上码上掘金
-
主题 1：我的名片
名片是向人介绍自我的重要工具，作为一名程序员用代码做自我介绍是一件非常酷炫的事情。请大家围绕“我的名片”这个主题进行代码创作。
因为本人大一，关于前端的基础知识的理解还很薄弱，所以就基于html和css做了一张属于自己的个人名片，可以通过我的个人名片找到我的联系方式，并且做了css缩放动画。以下是搜索以及涉及的知识点。
transition-duration 定义过渡效果花费的时间。默认是 0。
在 @keyframes 创建动画，把它绑定到一个选择器，否则动画不会有任何效果。
rotateX()方法，围绕其在一个给定度数X轴旋转的元素。rotateY()方法，围绕其在一个给定度数Y轴旋转的元素。
CSS3 中，text-shadow属性适用于文本阴影。指定了水平阴影，垂直阴影，模糊的距离，以及阴影的颜色，box-shadow 属性适用于盒子阴影
CSS3 渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。
- 线性渐变（Linear Gradients）- 向下/向上/向左/向右/对角方向
- 径向渐变（Radial Gradients）- 由它们的中心定义
为了创建一个线性渐变，必须至少定义两种颜色节点。颜色节点即你想要呈现平稳过渡的颜色。同时，也可以设置一个起点和一个方向（或一个角度）。
如果想要在渐变的方向上做更多的控制，可以定义一个角度，而不用预定义方向（to bottom、to top、to right、to left、to bottom right，等等）。CSS3 渐变也支持透明度（transparent），可用于创建减弱变淡的效果。
为了添加透明度，使用 rgba() 函数来定义颜色节点。rgba() 函数中的最后一个参数可以是从 0 到 1 的值，它定义了颜色的透明度：0 表示完全透明，1 表示完全不透明。
