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

0 vote192 views1 answer
How to get a variable from php to javascript
Html
0 vote189 views1 answer
Asp net mvc 5 add logo to navbar
Html
1 vote213 views1 answer
Target vs currenttarget
Html
0 vote194 views2 answers
Center a video horizontally
Html
2 votes207 views1 answer
Add a alt to a image in html
Html
0 vote195 views2 answers
How to add html in useState
Html
0 vote217 views1 answer
Javascript how to set a textbox value to nothing
Html
9 votes208 views2 answers
Placeholder in date input html
Html
3 votes219 views2 answers
Html prevent newline
Html
0 vote193 views2 answers
How to cover whole webpage by background image in html
Html