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 votes181 views1 answer
Javascript inline onclick get event
Html
0 vote167 views1 answer
Parcel npm developer dependency
Html
0 vote167 views1 answer
Alphanumeric input
Html
0 vote167 views4 answers
Html,css,javascript top 50 quetions
Html
5 votes270 views1 answer
How to center html heading
Html
23 votes155 views2 answers
Add favicon to next js static site
Html
13 votes199 views2 answers
How to add an email box in html
Html
0 vote148 views2 answers
React hooks html imput on change
Html
0 vote147 views1 answer
How to link an javascrit to an html fle grepper
Html
0 vote151 views1 answer
Ruin
Html