/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

0 vote153 views1 answer
Copy right html footer
Html
0 vote145 views1 answer
How to serve webP images with fallback
Html
0 vote142 views1 answer
Html cheetsheet.com
Html
53 votes126 views5 answers
Bootstrap display none
Html
15 votes155 views2 answers
Scroll smooth css
Html
3 votes149 views1 answer
Svg xmlns
Html
1 vote143 views1 answer
Render html jupyter
Html
0 vote143 views1 answer
Event.preventdefault() in angular
Html
1 vote150 views1 answer
Ion-datetime change event
Html
42 votes169 views1 answer
HTML Links - Hyperlinks
Html