css blink animation

1.blink{
2  width:200px;
3  height: 50px;
4  background-color: magenta;
5  padding: 15px;	
6  text-align: center;
7  line-height: 50px;
8}
9span{
10  font-size: 25px;
11  font-family: cursive;
12  color: white;
13  animation: blink 1s linear infinite;
14}
15@keyframes blink{
16  0%{opacity: 0;}
17  50%{opacity: .5;}
18  100%{opacity: 1;}
19}

1.blink_me {
2  animation: blinker 1s linear infinite;
3}
4
5@keyframes blinker {
6  50% {
7    opacity: 0;
8  }
9}
10
11<div class="blink_me">BLINK ME</div>

1.blink {
2  animation: blink 1s step-start infinite;
3}
4
5@keyframes blink {
6  50% {
7    opacity: 0;
8  }
9}