Wavy 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>Wavy HR</title> <style> body { font-family: Arial, sans-serif; background-color: #fff3e0; padding: 20px; } .wavy-hr { border: none; height: 10px; background: url('data:image/svg+xml;utf8,<svg width="100%" height="10px" xmlns="http://www.w3.org/2000/svg"><path d="M0 5 Q 50 0, 100 5 T 200 5 T 300 5" stroke="orange" fill="transparent" /></svg>'); background-size: cover; margin: 50px 0; } </style> </head> <body> <h1>Wavy Horizontal Rule</h1> <p>This horizontal rule has a unique wavy pattern.</p> <hr class="wavy-hr"> </body> </html>