Blinking text effect with HTML
generating preview
<html>
<head>
<style>
body{
font-family:'Verdana', sans-serif;
background:#ffffd9;
}
</style>
</head>
<body>
<div id="blink" style="font-size:18px; text-align:center; height:50px; line-height:25px; font-family:'Courgette', cursive!important;"> How to Blink your text </div>
<script type="text/javascript" language="javascript">
window.onload=blinkOn;
function blinkOn(){
document.getElementById("blink").style.color="#ff0000"
setTimeout("blinkOff()",500)}
function blinkOff(){
document.getElementById("blink").style.color="#000000"
setTimeout("blinkOn()",500)
}
</script>
</body>
</html>
How to Use this Elements / Source Code:
You Can Use Blinking text effect Using HTML tag by select the above source code (CTRL + A) then copy the code (CTRL + C) and paste (CTRL + V) it in a blank html Page to initially test it. Then you can use the Above HTML code for blinking text effects where ever you want for your project.
Usage of Blinking text effect Using HTML :
Easy & very simple way of making a text blinking effect using only HTML and CSS3. Adjust the values, setting a different blinking speed and colors. Use this effect on Notice or News Section of any websites. Blinking text always grab attention of people. So use it Wisefully for offer & Discount Section.