Thursday, 9 August 2012

Text Blink in All Browser


Using javascript
function blinks(hide) {
    if(hide==1) {
        $('.blink').show();
            hide = 0;
    }
else { 
    $('.blink').hide();
    hide = 1;
}
setTimeout("blinks("+hide+")",400);
}
$(document).ready(function(){
blinks(1);
})
in Firefox
text-decoration:blink;

in google  crome 
@-webkit-keyframes blink {  
  from { opacity: 1.0; }
  to { opacity: 0.0; }
}

blink {
  -webkit-animation-name: blink;  
  -webkit-animation-iteration-count: infinite;  
  -webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
  -webkit-animation-duration: 1s; }

No comments:

Post a Comment