html - Applying gradient over background cover image -
html - Applying gradient over background cover image -
i have next fiddle background image using cover (trying find best fit without distorting image).
right want add together gradient on top of image , see similar questions this can not create work ( gradient does not show up ).
is there way have:
background-size: cover; background-position: center; background-image: url(pathtoimg);
together gradient?
thank kingking , chris hardie. comments understood doing wrong , how prepare it.
so first problem url-image on top of gradient, hiding (thanks kingking). sec problem need gradient transparent (thanks chris).
so here solution.
if give me improve answer, happy take it.
background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1)), url(imga.jpg);
html css css3 gradient
Comments
Post a Comment