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.

enter image description here

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

Popular posts from this blog

php - regexp cyrillic filename not matches -

c# - OpenXML hanging while writing elements -

sql - Select Query has unexpected multiple records (MS Access) -