12.6.12

Command Windows use CSS3

Membuat akhiran tanda seperti pada command windows. Pada akhir akan berkedip-kedip bagaikan bintang.
Command windows berkedip-kedip  

Kode CSS
.area {
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 }
}
HTML
<div class="area">bla bla bla<span class="kedip_">&nbsp;&nbsp;</span></div>

Loading...
Loading...