<html>
<head>
<SCRIPT>
function demoBlink() {
var blink = document.all.tags("blink")
for (var i=0; i<blink.length; i++)
blink[i].style.visibility = blink[i].style.visibility == "" ? "hidden" : ""
}
function loadingBlink() {
if (document.all)
setInterval("demoBlink()",1000)//1000 is the speed of the blink
}
</SCRIPT>
<style type="text/css">
@-webkit-keyframes blinker { from {opacity:1.0;} to {opacity:0.0;} }
@keyframes blinker { from {opacity:1.0;} to {opacity:0.0;} }
.blink {
text-decoration:blink;
-webkit-animation-name:blinker;
animation-name:blinker;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
-webkit-animation-timing-function:cubic-bezier(1.0,0,0,1.0);
animation-timing-function:cubic-bezier(1.0,0,0,1.0);
-webkit-animation-duration:1s;
animation-duration:1s;
}
</style>
</head>
<body onload='loadingBlink();'>
<blink class="blink">bikash ranjan nayak blink</blink>
</body> </html>
<head>
<SCRIPT>
function demoBlink() {
var blink = document.all.tags("blink")
for (var i=0; i<blink.length; i++)
blink[i].style.visibility = blink[i].style.visibility == "" ? "hidden" : ""
}
function loadingBlink() {
if (document.all)
setInterval("demoBlink()",1000)//1000 is the speed of the blink
}
</SCRIPT>
<style type="text/css">
@-webkit-keyframes blinker { from {opacity:1.0;} to {opacity:0.0;} }
@keyframes blinker { from {opacity:1.0;} to {opacity:0.0;} }
.blink {
text-decoration:blink;
-webkit-animation-name:blinker;
animation-name:blinker;
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite;
-webkit-animation-timing-function:cubic-bezier(1.0,0,0,1.0);
animation-timing-function:cubic-bezier(1.0,0,0,1.0);
-webkit-animation-duration:1s;
animation-duration:1s;
}
</style>
</head>
<body onload='loadingBlink();'>
<blink class="blink">bikash ranjan nayak blink</blink>
</body> </html>
No comments:
Post a Comment