html - Create a "complex" background in CSS -


enter image description here

i know if possible create background in css3. background should span header div , gradient should go white black independent of screen width (always white on left side , black on right side).

reason not using image takes longer load , can't resize it's width when making browser smaller 1920px (the width of image).

have tried linear-gradient can't work...

regards, jens

if want black bar @ top should give dimensions background, stop repeating , position want (treat normal background image)

div {     background-color: black;     background-image: linear-gradient(to right, white, black);     background-repeat:no-repeat;    background-size:100% 20px; /*full width, 20px height*/    background-position:0 100%; /*gradient @ bottom*/        /*just give size demo*/    min-height:50px;  }
<div></div>


Comments

Popular posts from this blog

how to insert data php javascript mysql with multiple array session 2 -

multithreading - Exception in Application constructor -

windows - CertCreateCertificateContext returns CRYPT_E_ASN1_BADTAG / 8009310b -