blink text effects

Blink Text Effect Using HTML, CSS & JavaScript Codes

By using the below codes, you can easily add blink text on your blogs or websites.

CSS Code:

#pvblink {
font-size: 20px;
font-weight: bold;
color: #2d38be;
transition: 0.5s;
}

Javascript:

<script type="text/javascript">
var blink = document.getElementById('pvblink');
setInterval(function() {
blink.style.opacity = (blink.style.opacity == 0 ? 1 : 0);
}, 500);
</script>

HTML Code: 

Add this code and edit your text, where you want to show your text.

<p id="pvblink">Welcome to ProVishal.com</p>

Result:

5/5 (2)

Similar Posts