mistados Posted September 14, 2012 Share Posted September 14, 2012 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? Link to comment Share on other sites More sharing options...
Ingolme Posted September 14, 2012 Share Posted September 14, 2012 CSS sprites. http://www.w3schools.com/css/css_image_sprites.asp Link to comment Share on other sites More sharing options...
mistados Posted September 14, 2012 Author Share Posted September 14, 2012 I don't think the above method is achieved using sprites.. Link to comment Share on other sites More sharing options...
Ingolme Posted September 14, 2012 Share Posted September 14, 2012 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. Link to comment Share on other sites More sharing options...
mistados Posted September 14, 2012 Author Share Posted September 14, 2012 No im refering to the portfolio images, how they change from one image to another..like image sprites, but its not whats being used.. Link to comment Share on other sites More sharing options...
Ingolme Posted September 15, 2012 Share Posted September 15, 2012 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. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.