当青训营遇上码上掘金活动~
作为纯文科自学前端选手，被问到最多的就是自我介绍。因此我选择了主题一：我的名片项目。 用html、css写一个属于自己的名片吧。
使用技术栈：HTML CSS（是不是超简单，快来试试吧）
写代码前的思路分析：
- 个人偏好整体背景颜色选择较暗，在左上角和右上角部分加入了暖色渐变来调和整体颜色。
- 既然是名片，内容设计上自然选用卡片形状，设置磨砂玻璃样式显得更加高级；使用隐藏→鼠标悬浮显现增添了几分神秘色彩。
- 立体的人物形象，不止一个的我：设计多张卡片，通过序号和标题区分，整体居中布局，弹性布局。
代码编写：
HTML部分：
- 使用div盒子嵌套，方便后续编写css
- 多个卡片设计直接编写多个div盒子即可
- 注意标题编写的 h2/3，内容编写的p
html部分较为简单，没有什么太多可讲的
CSS部分： css部分是重头戏
-
左上角和右下角的渐变色编写：
-
linear-gradient（，）第一个参数和第二个参数都写入颜色 -
clip-path: circle( ) 括号中写入百分比数字来设置左右颜色大小 -
伪元素的使用：body前后使用伪元素搭配渐变色彩
-
磨砂卡片设计：
- 使用backdrop-filter: blur(50px)
- 在background中使用rgba，在最后一个透明度参数设置0.5（后续自行调节）
-
字体悬浮出现：设置transform： transformY进行浮动
