0

Can you help me whith "repeating-linear-gradient"?

I currently have:

    .myCSSrule {
         width:400px;
         height:400px;
         background: repeating-linear-gradient(90deg,dodgerblue 0% 
                 12.5%,mediumpurple 12.5% 25%,red 25% 50%, 
                 orange 50% 100% ,yellow,lime,mediumseagreen,deepskyblue);
    }
<div class='myCSSrule'></div>

I need the lines standing vertically inline like on the below photo:

here is how its supposed to be

Martin
  • 22,212
  • 11
  • 70
  • 132
king_sumaru
  • 11
  • 5
  • Having "i need...." in a title is not very fancy – Ramon de Vries Jun 02 '21 at 09:52
  • @RamondeVries I agree, but I have done some heavy editing to the OPs question to improve it's readability.... – Martin Jun 02 '21 at 09:54
  • what you have is not a repeating gradient – Temani Afif Jun 02 '21 at 09:55
  • king_sumaru, look at your CSS; you are applying different widths to the different colour bands in your `background` CSS rule. you need to be consistent with these figures. You can [read the manual to help you](https://developer.mozilla.org/en-US/docs/Web/CSS/repeating-linear-gradient()). – Martin Jun 02 '21 at 09:55

0 Answers0