template部分:
<h1 class="animateMsg">{{ msg }}</h1>
css部分:
.animateMsg {
animation: blink 1s infinite;
-webkit-animation: blink 1s infinite;
}
@keyframes blink {
0% {
opacity: 0;
}
50% {
opacity: 100;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes blink {
0% {
opacity: 0;
}
50% {
opacity: 100;
}
100% {
opacity: 0;
}
}