/Html/Blinking text in html using javascript

Blinking text in html using javascript

<!DOCTYPE html>
<html>

<head>
    <title> Blinking feature using JavaScript </title>
    <style>
        #blink {
            font-size: 20px;
            font-weight: bold;
            color: #2d38be;
            transition: 0.5s;
        }
    </style>
</head>

<body>
    <p id="blink"> This is an example of blinking text using JS. </p>
    <script type="text/javascript">
        var blink = document.getElementById('blink');
        setInterval(function() {
            blink.style.opacity = (blink.style.opacity == 0 ? 1 : 0);
        }, 1500);
    </script>
</body>

</html>
Live Demo ❯

Source: w3schools.in

Similar codes

38 votes144 views4 answers
How to make new line in html paragraph
Html
2 votes126 views3 answers
How to disable a link
Html
0 vote132 views1 answer
Bulma css buttons
Html
3 votes132 views1 answer
HOW TO USE A video on a html website from youtube
Html
33 votes142 views6 answers
Bootstrap div vertical center
Html
0 vote131 views1 answer
Agregar atributo jquery
Html
0 vote127 views1 answer
Conditional script tag in html head site:stackoverflow.com
Html
0 vote145 views1 answer
Turn of blur html canvas
Html
3 votes129 views1 answer
Svg namespace uri
Html
1 vote85 views1 answer
Font family sans-serif set
Html