CSS实现文字闪动效果

作为一个上了年纪的老程序员，也不知道是不是写的少了，还是年纪到了，总是有很多的东西想不起来，虽然这种东西满大街都是，但是我还有想自己也有这样一篇文章，用来自查

html的部分

<div class="top-title">
	<div class="emerg-list">
		<div class="emerg emerg-blue blink">{蓝色响应}div>
		<div class="emerg emerg-orange blink">{橙色响应}div>
		<div class="emerg emerg-red blink">{红色响应}div>
		<div class="emerg emerg-yellow blink">{黄色响应}div>
		<div class="emerg emerg-other blink">{其他响应}div>
	div>
div>
1
2
3
4
5
6
7
8
9

CSS部分

关注点为：@keyframes blink这个动画即可，
效果图不是很方便放入，自己想想一下吧

/* 标题头 */
.top-title {
  position: relative;
  width: 1058px;
}
.top-title .emerg-list {
  position: absolute;
  top: 10px;
  width: 100%;
  z-index: 999;
  display: flex;
  justify-content: center;
}
.emerg-list {
  display:flex;
}
.emerg-list .emerg {
  font-weight: bold;
  font-size: 18px;
  color: #fff;
  margin: 0 10px;
}
.emerg-blue {
  background-color: blue;
}
.emerg-orange {
  background-color: orange;
}
.emerg-red {
  background-color: red;
}
.emerg-list .emerg-yellow {
  color: #000;
  background-color: yellow;
}
.emerg-list .emerg-other {
  color: #000;
  background-color: #fff;
}
@keyframes blink{
	0%{opacity: 1;}
	50%{opacity: 1;}
	50.01%{opacity: 0;}
	100%{opacity: 0;}
}

@-webkit-keyframes blink {
	0%{opacity: 1;}
	50%{opacity: 1;}
	50.01%{opacity: 0;}
	100%{opacity: 0;}
}

@-moz-keyframes blink {
	0%{opacity: 1;}
	50%{opacity: 1;}
	50.01%{opacity: 0;}
	100%{opacity: 0;}
}

@-ms-keyframes blink {
	0%{opacity: 1;}
	50%{opacity: 1;}
	50.01%{opacity: 0;}
	100%{opacity: 0;}
}

@-o-keyframes blink {
	0%{opacity: 1;}
	50%{opacity: 1;}
	50.01%{opacity: 0;}
	100%{opacity: 0;}
}

.blink{
	animation: blink 1.5s linear infinite;
	-webkit-animation: blink 1.5s linear infinite;
	-moz-animation: blink 1.5s linear infinite;
	-ms-animation: blink 1.5s linear infinite;
	-o-animation: blink 1.5s linear infinite;
	color: #dd4814;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82