Blinking Warning Text

⚠️ WARNING ⚠️

<span style="color:#ff0000; font-weight:bold;" class="blinker">⚠️ WARNING ⚠️</span> <style> @keyframes blink { 0%, 50%, 100% {opacity:1;} 25%, 75% {opacity:0;} } .blinker { animation: blink 1s infinite; } </style>

Shiny Gradient Text

✨ SHINY TEXT ✨

<span style="background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet); -webkit-background-clip: text; color: transparent; font-size:24px; font-weight:bold;">✨ SHINY TEXT ✨</span>

Sparkling Text

✨ SPARKLE ✨

<span class="sparkle">✨ SPARKLE ✨</span> <style> @keyframes shine { 0% {opacity:0.3;} 50% {opacity:1;} 100% {opacity:0.3;} } .sparkle { animation: shine 1s infinite; color:#ff1493; font-weight:bold; } </style>

Rainbow Divider

---

<hr style="border:2px dashed red; width:80%;">

Glitter Effect

✨ GLITTER ✨

<span class="glitter">✨ GLITTER ✨</span> <style> @keyframes glitter { 0%, 100% {opacity:0.5;} 50% {opacity:1;} } .glitter { animation: glitter 1s infinite; color:#ff00ff; font-weight:bold; } </style>

Blinking Marquee

🚀 Welcome to Retro Web! 🚀

<marquee behavior="scroll" direction="left" scrollamount="5"> <span class="blinker">🚀 Welcome to Retro Web! 🚀</span> </marquee> <style> @keyframes blink { 0%, 50%, 100% {opacity:1;} 25%, 75% {opacity:0;} } .blinker { animation: blink 1s infinite; } </style>

Multi-Color Divider

---

<hr style="border:3px double #ff0000; width:70%; border-color: red orange yellow green blue indigo violet;">

Shiny Blinking Header

✨ RETRO HEADER ✨

<span class="shinyblinker">✨ RETRO HEADER ✨</span> <style> @keyframes shinyblink { 0%,100%{opacity:0.3;}50%{opacity:1;} } .shinyblinker { animation: shinyblink 1s infinite; background: linear-gradient(to right, red, orange, yellow, green, blue); -webkit-background-clip:text; color:transparent; font-weight:bold; font-size:24px; } </style>

Sparkle Divider

✨✨✨✨✨✨✨✨✨✨

<p style="text-align:center;">✨✨✨✨✨✨✨✨✨✨</p>

HTML Codes You Can Use Part 2

Blinking Text

✨Blinking Text✨

<span style="color:#ff0000; font-weight:bold;" class="blinker">✨Blinking Text✨</span> <style> @keyframes blink { 0%, 50%, 100% {opacity:1;} 25%, 75% {opacity:0;} } .blinker { animation: blink 1s infinite; } </style>

Rainbow Text

RAINBOW

<span style="color:red;">R</span><span style="color:orange;">A</span><span style="color:yellow;">I</span><span style="color:green;">N</span><span style="color:blue;">B</span><span style="color:indigo;">O</span><span style="color:violet;">W</span>

Scrolling Image

<marquee behavior="scroll" direction="left" scrollamount="6"> <img src="https://i.imgur.com/retroimage.gif" alt="Scrolling Image"> </marquee>

Retro Badge

<a href="http://www.yourwebsite.com" target="_blank"> <img src="https://i.imgur.com/badge.gif" alt="Retro Badge"> </a>

Hit Counter

<img src="https://hitwebcounter.com/counter/counter.php?page=987654&style=0006&nbdigits=5&type=page&initCount=0" alt="Hit Counter">

Old School Button

Click Me!

<a href="http://yourwebsite.com" style="text-decoration:none; color:#fff; background-color:#ff69b4; padding:5px 10px; border:2px solid #000;">Click Me!</a>

Retro Horizontal Line

---

<hr style="border:2px dotted #ff1493; width:80%;">

Animated Star GIF

<img src="https://i.imgur.com/star.gif" alt="Animated Star">

Scrolling Link Text

Visit My Retro Site!

<marquee behavior="scroll" direction="left" scrollamount="5"> <a href="http://yourwebsite.com" style="color:#ff4500;">Visit My Retro Site!</a> </marquee>

Text Shadow Effect

Retro Shadow Text

<span style="color:#ff1493; text-shadow:2px 2px #000;">Retro Shadow Text</span>