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

3 votes201 views5 answers
Input max length
Html
4 votes197 views2 answers
Ionic route navigation
Html
8 votes213 views2 answers
Bootstrap Badges Contextual variations
Html
0 vote182 views2 answers
Make element be positioned behind its parent, but in front of its grandparent
Html
0 vote198 views2 answers
Multiple autocomplete material angular shows same dropdown
Html
0 vote198 views1 answer
My Projects
Html
0 vote183 views2 answers
Hoe to make a html page attractive
Html
33 votes212 views6 answers
Button as href
Html
0 vote213 views1 answer
Postcss minify
Html
0 vote209 views1 answer
Request html nodejs
Html