Command windows berkedip-kedip
Kode CSS
.area {HTML
color: #0c0;
width:100%;
height: 33px;
background:#111;
text-align: center;
padding: 10px 0 0 0;
}
.kedip_{
display: inline-block;
background: #111;
margin-left: 3px;
-webkit-animation: blink 1s linear 0s infinite;
-moz-animation: blink 1s linear 0s infinite;
-ms-animation: blink 1s linear 0s infinite;
-o-animation: blink 1s linear 0s infinite;
}
@-webkit-keyframes blink {
0% { background: #0a0 }
47% { background: #090 }
50% { background: #000 }
97% { background: #000 }
100% { background: #090 }
}
@-moz-keyframes blink {
0% { background: #0a0 }
47% { background: #090 }
50% { background: #000 }
97% { background: #000 }
100% { background: #090 }
}
@-ms-keyframes blink {
0% { background: #0a0 }
47% { background: #090 }
50% { background: #000 }
97% { background: #000 }
100% { background: #090 }
}
@-o-keyframes blink {
0% { background: #0a0 }
47% { background: #090 }
50% { background: #000 }
97% { background: #000 }
100% { background: #090 }
}
<div class="area">bla bla bla<span class="kedip_"> </span></div>