Membuat Efek Animasi Teks Berkedip Dengan HTML Dan CSS3

Untuk kode lengkap Membuat Animasi Teks Berkedip Dengan HTML Dan CSS3 nya sudah labkom99 siapkan dibawah ini :

<html>
<head>
<title> Labkom99.com - Membuat Efek Animasi Teks Berkedip Dengan HTML Dan CSS3</title>
<style>
.demo{background: #2c2c54; }
.text-effect{
    color: #fff;
    font-family: 'Monoton', cursive;
    font-size: 100px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    margin: 0 auto;
    display: block;
    position: relative;
}
.text-effect span{ animation: animate linear 2000ms infinite; }
.text-effect span:nth-child(1n){ animation-delay: 0s; }
.text-effect span:nth-child(2n){ animation-delay: 100ms; }
.text-effect span:nth-child(3n){ animation-delay: 200ms; }
.text-effect span:nth-child(4n){ animation-delay: 300ms; }
.text-effect span:nth-child(5n){ animation-delay: 400ms; }
.text-effect span:nth-child(6n){ animation-delay: 500ms; }
.text-effect span:nth-child(7n){ animation-delay: 600ms; }
.text-effect span:nth-child(8n){ animation-delay: 700ms; }
.text-effect span:nth-child(9n){ animation-delay: 800ms; }
.text-effect span:nth-child(10n){ animation-delay: 900ms; }
@keyframes animate{
    0%{ opacity: 0.3; }
    100%{
       opacity:1;
       text-shadow: 0 0 80px Red,0 0 30px orange,0 0 6px DarkRed;
    }
}
@media only screen and (max-width: 990px){
    .text-effect{ font-size: 65px; }
}
@media only screen and (max-width: 767px){
    .text-effect{ font-size: 50px; }
}
@media only screen and (max-width: 479px){
    .text-effect{ font-size: 36px; }
}
@media only screen and (max-width: 359px){
    .text-effect{ font-size: 27px; }
}
</style>
    <body>
     <div class="text-effect">
        <span>L</span>
        <span>A</span>
        <span>B</span>
        <span>K</span>
        <span>O</span>
        <span>M</span>
        <span>9</span>
        <span>9</span>
        </div>
    </body>
</head>
</html>

Efek animasi tulisan berkedip diatas dapat anda gunakan untuk mempercantik tampilan website anda. Atau juga anda gunakan untuk sekedar belajar HTML. Dengan kode kode simpel dan mode pemrograman yang mudah animasi cantik ini dapat anda pelajari dan anda buat dengan cepat. Selamat Mencoba ….!!!