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

1 vote366 views2 answers
Show spinner during API request pure html and jquery
Html
1 vote342 views1 answer
Std map count vs find
Html
0 vote357 views1 answer
Html5 development
Html
0 vote291 views1 answer
Align text vertically next to image
Html
1 vote316 views1 answer
Translate Text html in magento 2
Html
1 vote352 views1 answer
Link to the same page
Html
1 vote348 views1 answer
Html a tag underline none
Html
0 vote337 views2 answers
Space between 2 h tags without break
Html
37 votes441 views4 answers
Html svg
Html
0 vote322 views1 answer
Html tag link tittle bar
Html