Barra-linea colorata php

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.

Autore

Classe Novanta3, Fondatore di TrgtKLS. Appassionato in Sec IT & Tech. Expert per l'amministrazione web server e supporto in Back-&, ottimizzazione e manutenzione di esso. • Metà Free e Metà Freelancer • mail@trgtkls.org

Articoli correlati

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

close