需要准备的材料分别有：电脑、chrome浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<style>标签中，输入css代码：
@keyframes blink{
0%{opacity: 1}
100%{opacity: 0}
}
@-webkit-keyframes blink {
0% { opacity: 1}
100% { opacity: 0}
}
.blink{
color: #dd4814
animation: blink 1s linear infinite
-webkit-animation: blink 1s linear infinite
}
3、浏览器运行index.html页面，此时文字实现了闪烁的效果。
最近在用element ui做后台管理系统，左侧菜单比较多了，所以需要拉动网页滚动条才可以看完整个菜单，所以就把顶部导航浮动 fixed后 到一定高度就浮动起来，
但是中途遇到一个大坑，就是在浏览器中，滚动发高度刚好在导航需要浮动的高度山下不断 上下滑动滚动条的时候 ，页面会出现不断的闪烁，不知道大家有没有遇到个这样的bug
好了 不批话多了，直接看解决方法
重点来了。。。。。。。。
尼玛重点在那点啊。。
接到往下来 就是在我浮动的导航div外面在包一层div 就觉得了
