Membuat Tulisan Blink
Blinking Text using css
BajaDigrow.comBlinking Image using css
<div dir="ltr" style="text-align: left;" trbidi="on">
<html>
<head>
<title>Membuat Tulisan Blinking </title>
<style>
.blink_text {
animation: blinker 1s linear infinite;
}
.blink_img {
animation: blinker 2s linear infinite;
}
@keyframes blinker {
50% { opacity: 0; }
}
@keyframes blin {
50% { opacity: 0; }
}
</style>
</head>
<body>
<div class="wrapper">
<h1>
Blinking Text using css</h1>
<span class="blink_text">BajaDigrow.com</span><br />
<h1>
Blinking Image using css</h1>
<span class="blink_img"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFlha4VDgSTOBZM9JFfC-lw5KTom8r4oySPN9SGQ5K69QC6-pDnUrchF92mwuQ1uXsJM781IQSFAsgTc2JnnEeTxksAqPOvjp4OQR6zyY6hyqmG9C2yOL11hb-8it_LB1M0lmEK_Chm7I/s1600/image-fade-effect-using-css.jpg" style="width: 200px;" /></span>
</div>
</body>
</html><br />
<div>
<div style="text-align: left;">
<span style="background-color: #f5efef; color: #1b0000; font-family: "open sans" , "trebuchet ms" , "helvetica" , sans-serif; font-size: 13.6px;"><html></span></div>
</div>
<html>
<head>
<title>Membuat Tulisan Blinking </title>
<style>
.blink_text {
animation: blinker 1s linear infinite;
}
.blink_img {
animation: blinker 2s linear infinite;
}
@keyframes blinker {
50% { opacity: 0; }
}
@keyframes blin {
50% { opacity: 0; }
}
</style>
</head>
<body>
<div class="wrapper">
<h1>
Blinking Text using css</h1>
<span class="blink_text">BajaDigrow.com</span><br />
<h1>
Blinking Image using css</h1>
<span class="blink_img"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFlha4VDgSTOBZM9JFfC-lw5KTom8r4oySPN9SGQ5K69QC6-pDnUrchF92mwuQ1uXsJM781IQSFAsgTc2JnnEeTxksAqPOvjp4OQR6zyY6hyqmG9C2yOL11hb-8it_LB1M0lmEK_Chm7I/s1600/image-fade-effect-using-css.jpg" style="width: 200px;" /></span>
</div>
</body>
</html><br />
<div>
<div style="text-align: left;">
<span style="background-color: #f5efef; color: #1b0000; font-family: "open sans" , "trebuchet ms" , "helvetica" , sans-serif; font-size: 13.6px;"><html></span></div>
</div>
Comments
Post a Comment