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

0 vote368 views1 answer
Alpine hide element after set time
Html
8 votes310 views6 answers
Jumbotron bootstrap
Html
0 vote352 views1 answer
Netlify 11ty build configuration
Html
13 votes331 views2 answers
The border-radius Property
Html
0 vote353 views1 answer
Hashtag in html
Html
32 votes346 views6 answers
Vue conditional class
Html
133 votes320 views6 answers
Open website in new tab html
Html
0 vote379 views1 answer
Capturar valor de attr jquery
Html
26 votes330 views2 answers
Html make file input only images
Html
1 vote356 views1 answer
Am pm time html javascript
Html