哈哈哈，从b站学来的css效果，在这里重新敲一下。哈哈哈~~body{margin:0;填充：0；背景：#000；}a{位置：绝对；顶部：50%；左：50%；转换：翻译（-50%，-50%）；宽度：200px；高度：60px；文本对齐：居中；行高：60px；颜色：#fff；字体大小：24px；文本转换：大写；文字修饰：无；字体系列：无衬线；框大小：边框框；背景：线性渐变（90deg，#03a9f4，#f441a5，#ffeb3b，#03a9f4）；背景大小：400%；边界半径：30px；z-索引：1；：悬停{动画：ani8s线性无限;}@keyframesani{0%{背景位置：0%；}100%{背景位置：400%；}}a::before{内容：“”；位置：绝对；顶部：-5px；左：-5px；右：-5px；底部：-5px；z-指数：-1；背景：线性渐变（90deg，#03a9f4，#f441a5，#ffeb3b，#03a9f4）；背景大小：400%；边界半径：40px；过滤器：模糊（20px）；不透明度：0；过渡：0.5s；}a:hover::before{过滤器：模糊（20px）；不透明度：1；动画：ani8s线性无限；}效果中涉及到的不常用的css属性filter：w3c中的filter（滤镜）属性lineargradient：w3c中的线性渐变动画：w3c中动画的定义
