Rainbow hr html

<!--rainbow hr-->
<style>
  hr.rainbow{
    height: 1px; /*for me 1px fits perfect.*/
    outline: none;
    border: none;
    background: linear-gradient(90deg, rgb(255,0,0) 0%, rgb(255,184,0) 12%, rgb(194,255,0) 26%, rgb(0,255,188) 42%, rgb(0,151,255) 57%, rgb(21,0,255) 72%, rgb(201,0,250) 87%, rgb(255,0,138) 100%);
  }
</style>

<body>
	<hr class="rainbow">
</body>

Similar codes

-4 votes138 views6 answers
Heading in html
Html
0 vote126 views2 answers
Servicenow g: breakpoint
Html
0 vote136 views1 answer
What is BETH?
Html
3 votes108 views2 answers
Html date range input
Html
59 votes121 views2 answers
Html round border
Html
0 vote112 views2 answers
Tailwind hover inner div
Html
6 votes131 views6 answers
Tailwind css
Html
2 votes119 views1 answer
How to use an html div by name in jquery
Html
25 votes106 views6 answers
Navbar bootstrap
Html
0 vote128 views1 answer
Select country dropdown with flag
Html