Monday, April 7, 2025

Html Coding for Blinking Text in Blog

 Sure! Here's a simple way to make text blink in an HTML blog using CSS (since the old <blink> tag is deprecated and not supported in modern browsers).

✅ Modern HTML + CSS Blinking Text Example:

<!DOCTYPE html>
<html>
<head>
  <style>
    .blinking {
      animation: blinker 1s linear infinite;
      color: red;
      font-weight: bold;
    }

    @keyframes blinker {
      50% {
        opacity: 0;
      }
    }
  </style>
</head>
<body>

  <p class="blinking">This text blinks!</p>

</body>
</html>

What’s going on:

  • .blinking: CSS class that triggers a fade in/out loop.

  • @keyframes blinker: controls the animation steps (you can adjust speed/duration).

  • You can change color, font-weight, or animation timing as you like.

Want to blink a specific word in a sentence? You can just wrap that word in a <span class="blinking"> inside your paragraph.

at
Labels:

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)

How to give coding at the end of the post in blog

  Add Code Automatically at End of Every Post (Template Edit) If you want a code block to appear in every post , do this: Go to Blogger ...