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 vote125 views1 answer
How to change mouse into hand icon when you hover over something in html
Html
49 votes131 views4 answers
Html start code
Html
3 votes119 views6 answers
Meta description
Html
2 votes124 views4 answers
Markdown color
Html
2 votes128 views1 answer
Html change viewport to smartphone size
Html
0 vote125 views2 answers
Html js make dropdown list checkbox
Html
0 vote141 views1 answer
Eleventy loop over global data
Html
-1 vote144 views2 answers
Circular progress bar html css
Html
11 votes139 views2 answers
Javascript for video mp4 link in html
Html
0 vote116 views1 answer
Call javascript function from a tag
Html