流光按钮

知识点

• filter: blur(1px); 模糊效果
• z-index: 调整存在上下层关系的显示优先级
• animation： 动画效果
• 伪类(hover)/伪元素(before)的使用
• background: linear-gradient(-45deg, blue, yellow, pink, red, blue); 线性背景的使用

注意点

这里注意伪元素的使用，将样式设置到伪元素上，标签内只做内容显示使用。其次就是设置显示层级，将标签内元素显示层级设置成高于伪元素的显示层级，避免内容被盖住。