Voglio creare un bel diagonale sfondo o orizzontale a strisce (giallo e nero) per http://www.hallmorkshoneybess.co.uk, ma non riesce a trovare alcun tutorial su come farlo.strisce 2 colore di sfondo con o senza immagini?
potete per favore aiutare. Grazie
http://lea.verou.me/css3patterns/ Ecco alcuni esempi eccellenti che è possibile utilizzare.
CSS3 non sta al 100% ha accettato di conseguenza, vorrei bastone con qualcosa di simile http://www.stripegenerator.com
si può facilmente farlo usando un lineare gradiente con colore-stops: http://www.techrepublic.com/blog/webmaster/css3-gradients-setting-color-stops/937
wow che sembra confusa ma grazie –
come dovrei farlo con le immagini? –
se il tuo strisce dovrebbero essere 2px ampia e verticalmente, creare un'immagine che è 4px ampia e 1px alto con 2px di ogni colore. quindi aggiungilo come immagine di sfondo e impostalo per ripetere sia x che y. – DonJuwe
È possibile utilizzare una combinazione di CSS3 lineare gradienti e background-size & ripetizione.
Da quello che ha detto Crinsane si può fare in questo modo:
background-color: black; background: linear-gradient(white 50%, black 50%); background-size: 100% 20%; background-repeat: repeat-y;
Quindi, in pratica stiamo creando lineare gradazione di mezzo nero e mezzo bianco, quindi definiamo le sue dimensioni come il 20% del suo contenitore. Quindi alla fine, quando lo ripetiamo, otteniamo diverse strisce.
Modificare il 20% per strisce di dimensioni diverse e il 50% 50% per un rapporto diverso dei 2 colori.
Spero che questo aiuti.
Generatore di strisce ... solo il biglietto. grazie. –