Se stai cercando una linea colorata da personalizzare in base alla tue esigenze puoi utilizzare la codici qui sotto. La linea cosi composta di 10 linee in parellelo riavvicinati l’uno l’altro da poter coprire qualsiasi pagina anche responsive, E possibile personalizzare i colori modificando i colori hex. Oppure possibile togliere o aggiungere piu linee. Per dare unpo di carne a questa linee puoi modificare il valore height=”5″ nella prima riga del codice.
<svg xmlns="http://www.w3.org/2000/svg" class="color-bar-footer" width="100%" height="5" viewBox="0 0 1441 3" preserveAspectRatio="none">
<g fill="none" fill-rule="evenodd">
<rect width="144" height="5" fill="#0B88C3"/>
<rect width="144" height="5" x="144" fill="#00D377"/>
<rect width="144" height="5" x="288" fill="#00B950"/>
<rect width="144" height="5" x="432" fill="#FFD247"/>
<rect width="144" height="5" x="576" fill="#FF9800"/>
<rect width="144" height="5" x="720" fill="#FF464F"/>
<rect width="144" height="5" x="864" fill="#FF82B3"/>
<rect width="144" height="5" x="1008" fill="#FF4385"/>
<rect width="144" height="5" x="1152" fill="#A47DCC"/>
<rect width="145" height="5" x="1296" fill="#875BB5"/>
</g>
</svg>Se ti piace lascia qui un dolce ricordo.