This feature is obsolete. Although it may still work in some browsers, its use is discouraged since it could be removed at any time. Try to avoid using it. This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of being dropped, or may only be kept for compatibility purposes. Avoid using it, and update existing code if possible; see the compatibility table at the bottom of this page to guide your decision. Be aware that this feature may cease to work at any time.

What is Blink tag in HTML? Implement the Blink Tag with Code Examples

Syntax:

                            <p>
                                <blink>IDKBlogs is blinking</blink>
                            </p>

Output:

What is Blink tag in HTML? Implement the Blink Tag with Code Examples

Complete Code:

                            <!DOCTYPE html>
                            <html>
                            
                            <head>
                              <meta charset="UTF-8">
                              <title>What is Blink tag in HTML? Implement the Blink Tag with Code Examples</title>
                            </head>
                            
                            <body>
                              <p>
                                <blink>IDKBlogs is blinking</blink>
                            </p>
                            </body>
                            
                            </html>

If the above code is not working in your browser, then let's create our own logic to make the things blink.

Write our own logic for blink:

                        .my-blink {
                            animation: my-blink 1s steps(1, end) infinite;
                          }
                          
                          @keyframes my-blink {
                            0% {
                              opacity: 1;
                            }
                            50% {
                              opacity: 0;
                            }
                            100% {
                              opacity: 1;
                            }
                          }

You can add the .my-blink class to any HTML element to make it blink.

Complete Code:

                    <!DOCTYPE html>
                    <html>
                    
                    <head>
                        <meta charset="UTF-8">
                        <title>What is Blink tag in HTML? Implement the Blink Tag with Code Examples</title>
                    </head>
                    <style>
                        .my-blink {
                            animation: my-blink 1s steps(1, end) infinite;
                            margin-left: 30%;
                        }
                    
                        @keyframes my-blink {
                            0% {
                                opacity: 1;
                            }
                    
                            50% {
                                opacity: 0;
                            }
                    
                            100% {
                                opacity: 1;
                            }
                        }
                    </style>
                    
                    <body>
                        <p class="my-blink">IDKBlogs is blinking</p>
                    </body>
                    
                    </html>

Output:

What is Blink tag in HTML? Implement the Blink Tag with Code Examples

You can do so many changes in this and add some more effects on it by just changing the some CSS. You can add fade, color, change the opacity, scale, etc.

Support our IDKBlogs team

Welcome to IDKBlogs.

If our contents help you and you learned from this platform, please consider supporting what we do.

Thank you.

Strongly Recommended Books For You:

Reading books opens the door to allow in more lights, If we want to know a man of rare intellect, try to know what books he/she reads.

For India:

For Other Countries (United States, United Kingdom, Spain, Italy, Germany, France, Canada, etc)

Thank you

I appreciate you taking the time to read this article. The more that you read, the more things you will know. The more that you learn, the more places you'll go. If you’re interested in Node.js or JavaScript this link will help you a lot.

If you found this article is helpful, then please share this article's link to your friends to whom this is required, you can share this to your technical social media groups also. You can follow us on our social media page for more updates and latest article updates.
To read more about the technologies, Please subscribe us, You'll get the monthly newsletter having all the published article of the last month.

Combined two or more images into one in MacBook using Terminal.

Git Error: Remote: Repository not found

Git Error: error: cannot lock ref "refs/heads//": "refs/heads/" exists; cannot create "refs/heads//***"

What is WebP images?

How to Center div with CSS?

Detect the user browser using JavaScript

Detect the browser closing or tab closing in javascript

Convert base64 data into pdf using javascript

Convert image file into base64 in javascript

Blob in javascript. Convert base64 data into blob using javascript

Open a new popup browser window with given HTML content using javascript

Its all about EC2

AWS EC2 | Create AWS EC2 Instance step by step

Remote access of AWS EC2 Linux Instance using SSH

Convert .ppk file to .pem file using putyygen

Hide the options dropdown from ANT Select component

What Are Your Career Aspirations?

Xcrun: error: invalid active developer path (/Library/ Developer/ CommandLineTools)

Fatal error: one of the sub-processes failed: com.docker.driver.amd64-linux -addr

Funny Programming | Idkblogs.com | Shubham Verma

Copyright © 2021 IDKBlogs	Categories	Policy Links
All Right Reserved	All	Terms and Conditions
News Letter	Javascript	Privacy Policy
Job Letter	NodeJS	Checkout User Flow
About Us	AngularJS	Refund and Cancellation Policy
Contact Us	Angular2+
Unsubscribe	ReactJS
Last Update : 26 January 2023 (IST)	Others
Powered by: IDKBlogs	What I Use?

What is Blink tag in HTML? Implement the Blink Tag. Create your own Blink effects

Native ways to add some animation effects in HTML page

What is Blink tag in HTML?

Syntax:

Output:

Complete Code:

Write our own logic for blink:

Complete Code:

Output:

Support our IDKBlogs team

Welcome to IDKBlogs.

If our contents help you and you learned from this platform, please consider supporting what we do.

Thank you.

Strongly Recommended Books For You:

For India:

For Other Countries (United States, United Kingdom, Spain, Italy, Germany, France, Canada, etc)

RELATED POSTS:

Combined two or more images into one in MacBook using Terminal.

Git Error: Remote: Repository not found

Git Error: error: cannot lock ref "refs/heads/***/***": "refs/heads/***" exists; cannot create "refs/heads/***/***"

What is WebP images?

How to Center div with CSS?

Detect the user browser using JavaScript

Detect the browser closing or tab closing in javascript

Convert base64 data into pdf using javascript

Convert image file into base64 in javascript

Blob in javascript. Convert base64 data into blob using javascript

Open a new popup browser window with given HTML content using javascript

Its all about EC2

AWS EC2 | Create AWS EC2 Instance step by step

Remote access of AWS EC2 Linux Instance using SSH

Convert .ppk file to .pem file using putyygen

Hide the options dropdown from ANT Select component

What Are Your Career Aspirations?

Xcrun: error: invalid active developer path (/Library/ Developer/ CommandLineTools)

Fatal error: one of the sub-processes failed: com.docker.driver.amd64-linux -addr

👈

Enjoyed this moment?

OTHER POSTS

Its all about EC2

A best cloud deployment technique: Docker

AWS EC2 | Create AWS EC2 Instance step by step

Remote access of AWS EC2 Linux Instance using SSH

Convert .ppk file to .pem file using putyygen

What is Atlassian Confluence? How to create your page on Atlassian Confluence?

How to Center div with CSS?

Turn On/Off firewall of your mac using terminal/CMD

Part 1: What is Jenkins (CI/CD) and How does it work? Advantages of Jenkins

Part 2: How to install Jenkins? and How to use Jenkins?

View All (134)

SOCIAL POSTS

MONTHLY POSTS

CATEGORIES

Subscribe Us:

Git Error: error: cannot lock ref "refs/heads//": "refs/heads/" exists; cannot create "refs/heads//***"