<html>
<head>
<title>How to Create Blink Text using css</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">This Will Blink</span><br/>
<h1>Blinking Image using css</h1>
<span class="blink_img"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXa7hY_knOYdrH27Zpj8x1_6R-1lZU_FELLV81_sS6_TLyJQpYYF1A724Qp2q6v6dMmlzvOJ6cYddn5mrOlWntqvcD4MeZ9efwOS00fx3FrhxcQwfYek-hvU_xB_oKTM7lLcEaDYeA8Gg/s1600/image-fade-effect-using-css.jpg" style="width:200px;" /></span>
</div>
</body>
</html>
<head>
<title>How to Create Blink Text using css</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">This Will Blink</span><br/>
<h1>Blinking Image using css</h1>
<span class="blink_img"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXa7hY_knOYdrH27Zpj8x1_6R-1lZU_FELLV81_sS6_TLyJQpYYF1A724Qp2q6v6dMmlzvOJ6cYddn5mrOlWntqvcD4MeZ9efwOS00fx3FrhxcQwfYek-hvU_xB_oKTM7lLcEaDYeA8Gg/s1600/image-fade-effect-using-css.jpg" style="width:200px;" /></span>
</div>
</body>
</html>
0 Comments