www.thifahcomputer.com
<!DOCTYPE html>
<html><head>
<title>Efek Blink Dengan CSS3</title>
<style type="text/css">
.blink
{
-webkit-animation: blink .75s linear infinite;
-moz-animation: blink .75s linear infinite;
-ms-animation: blink .75s linear infinite;
-o-animation: blink .75s linear infinite;
animation: blink .75s linear infinite;
}
/*
www.thifahcomputer.com
*/
@-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; }
}
@keyframes blink
{
0% { opacity: 1; }
50% { opacity: 1; }
50.01% { opacity: 0; }
100% { opacity: 0; }
}
</style>
</head>
<body>
<center>
Efek Blink dengan CSS3
<h1><div class="blink">www.thifahcomputer.com</div></h1>
</center>
</body>
</html>
Dengan Judul: Contoh Penerapan Efek Blink dengan CSS3
Ditulis Oleh Mr-Y
Berikanlah saran dan kritik atas artikel ini. Terima kasih
3 Maret 2014 pukul 18.25
Pembuatan efek blink tidak bisa menggunakan coding biasa seperti tulisan blink cara tersebut sudah tidak bisa digunakan. Efek Blink masih bisa kita buat dengan menggunakan css3.