How to create this overlay effect?

[mistados]

Hey guys, If you visit this site; http://devatic.com/?theme=Daisho you will see when you hover over a portfolio item that a nice overlay effect takes place, im wanting to know how to do this, not the whole portfolio or multiple images like on the above site, just have that same overlay effect on hover of the image turning all one colour with custom text and links.. Has anyone done anything like this and know how its done?

[Ingolme]

CSS sprites. http://www.w3schools.com/css/css_image_sprites.asp

[mistados]

I don't think the above method is achieved using sprites..

[Ingolme]

This site, apparently, has an embedded font which contains symbols they're using for the menu. They change the color of the text and symbol when the mouse hovers over the object. Something similar to this:

.element:hover {	color: #0080FF;}

The dropdown menu is probably done with jQuery.

[mistados]

No im refering to the portfolio images, how they change from one image to another..like image sprites, but its not whats being used..

[Ingolme]

I thought you were referring to the menu at the top. The images that fade from one to another probably use a pre-made jQuery script. The theory behind it is to place one image in front of another, then gradually change its opacity from 0 to 1.