需要准备的材料分别有：电脑、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页面，此时文字实现了闪烁的效果。
1、一种是dom结构复杂2、另外一种是加载了过多的css样式，3、前者好解决，后者的话如果用了mui.css就比较麻烦了3、现在是尽量少用mui.css，要用到一些mui的控件时，就把依赖的样式从css中拷贝出来4、建议官方把css拆成 base.css+各种控件.css，后来我发现还真不好拆，前期没设计好，后期越来越臃肿。其实毛玻璃的模糊效果技术上比较简单，只是用到了 css 滤镜（filter）中的 blur 属性。1. 对元素直接使用模糊会将其内容全部模糊掉，为了保证文字不会模糊掉需要多一个层单独应用模糊效果。
2. 模糊效果并不会应用到其背后的元素上，所以需要使用 content 区域有和背景相同的背景图并进行模糊。
