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 vote133 views1 answer
Select option with icon bootstrap
Html
8 votes132 views6 answers
Bootstrap 5 jumbotron
Html
3 votes122 views3 answers
Ion button
Html
52 votes128 views4 answers
HTML starter
Html
6 votes128 views1 answer
<meta name="viewport" content="width=650, user-scalable=yes">
Html
13 votes116 views1 answer
How do i put my h1 tag in the middle of the screen
Html
13 votes125 views5 answers
Bootstrap button tooltip
Html
16 votes122 views2 answers
Html tabulation
Html
1 vote114 views1 answer
Afjsi sein
Html
-1 vote128 views1 answer
Import vue js
Html