jquery - Apply overlay gradient to images just like myspace -
i want apply gradient overlay lot of images myspace did in new design . images have title black gradient background .
i searched of tutorials shown using background image on div . want apply property <img>
tags appearing on page.
here's closest tutorial found in terms of want achieve . explained using background image.
if @ background of title. black background ensures text clear enough .
can please me out in writing general css achieveing on images ?
you should put more effort trying out first.. found interesting got started.. http://jsfiddle.net/mpmnc/1/
.overlay { content: 'test'; width: 100%; height: 100%; background-color: rgba(100,255,50,0.5); position: absolute; top: 0; } .overlay-wrap { display: inline-block; position: relative; }
unfortunately doesnt seem css alone suffice does :before not work on img elements?
for gradient: http://www.colorzilla.com/gradient-editor/
Comments
Post a Comment