/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 vote189 views1 answer
Icon for dashboard in bootstrap
Html
61 votes193 views2 answers
Form example
Html
4 votes183 views1 answer
Html flex not working
Html
1 vote214 views1 answer
Tailwind border width
Html
10 votes157 views1 answer
Stylesheet einbinden html
Html
1 vote199 views2 answers
Tailwind text opacity
Html
8 votes191 views5 answers
Html redirect
Html
0 vote176 views1 answer
How to add user icon in html
Html
12 votes214 views6 answers
Refresh button html
Html
0 vote195 views1 answer
Vuetify html tag lang
Html