/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 vote118 views1 answer
Update only update_at field on laravel eloquent
Html
0 vote271 views3 answers
Javascript get custom attribute value from element
Html
0 vote115 views1 answer
Html form button
Html
0 vote118 views1 answer
Use jquery variable in html
Html
0 vote162 views1 answer
Vuejs conditional rendering paragraph not working
Html
5 votes130 views2 answers
Data-target in html
Html
1 vote128 views1 answer
Vue cursor focus
Html
28 votes116 views5 answers
Put html in iframe
Html
0 vote313 views2 answers
Html cite
Html
75 votes169 views6 answers
Copyright symbol html
Html