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

2 votes58 views1 answer
No allow copy html
Html
0 vote52 views1 answer
Alpine js onclick example
Html
0 vote51 views2 answers
Multiple countdown html js
Html
0 vote52 views1 answer
How to divide web page into different sections which scroll independently
Html
1 vote111 views1 answer
Error NG8001: 'mat-dialog-content' is not a known element
Html
1 vote59 views1 answer
Div side by side css without bootstrap
Html
26 votes52 views3 answers
Bootstrap 4 success alert
Html
0 vote50 views1 answer
Tailwind flex shrink
Html
0 vote49 views1 answer
How to run command prompt
Html
0 vote49 views1 answer
Html domain
Html