How to make How to make blinking/flashing text with CSS3 and jQuery

3 Comments | 1008 Views | Post by: Admin | Tags: jquery blink text, jquery blink div,jquery blink text effect


blinking/flashing text with CSS3 and jQuery


 

Step 1: Create a HTML web page(blinking/flashing text with CSS3 and jQuery)

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>

</body>
</html>

Step 2:  Add the following codes between the body tags

<span class="blink_me">www.SourceCodeHub.com</span>


Step 3:  Add the following jQuery CDN codes between the Head tags:-

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 

Step 4: Add the following jQuery script codes between the Head tags(After jQuery CDN File )

    <script>
        function blinker() {
            $('.blink_me').fadeOut(500);
            $('.blink_me').fadeIn(500);
        }

        setInterval(blinker, 1000);
    </script>

Running Demo

 

Download Source Codes


Post Comments

if you have some suggestion, question, request on How to make How to make blinking/flashing text with CSS3 and jQuery.

Please use the comment box to express your views.

 

Comments:

loading...