html - Create a "complex" background in CSS -
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
Post a Comment