Rainbow Animated Hr - MeggiTools
Run
Toggle Theme
Share Link
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Rainbow Animated HR</title> <style> body { font-family: Arial, sans-serif; background-color: #fff5f5; padding: 20px; } .rainbow-hr { border: none; height: 4px; background: linear-gradient(90deg, red, orange, yellow, green, blue, indigo, violet); background-size: 200% 100%; animation: rainbow 3s linear infinite; margin: 50px 0; } @keyframes rainbow { 0% { background-position: 0% 0%; } 100% { background-position: 100% 0%; } } </style> </head> <body> <h1>Rainbow Animated Horizontal Rule</h1> <p>Enjoy the vibrant colors of the rainbow with this animated horizontal rule.</p> <hr class="rainbow-hr"> </body> </html>