Solarpitch Posted February 17, 2007 Share Posted February 17, 2007 Hey Guys, I am just looking to create the menu shown in the below example. Of course I could just use an image but I would rather just create the image 1px and repeat it, then I was wondering if there was some way of using css to fade the image out from left to right like below? Quote Link to comment Share on other sites More sharing options...
ToonMariner Posted February 18, 2007 Share Posted February 18, 2007 that's a graphic design issue nothign to do with css or html... Quote Link to comment Share on other sites More sharing options...
Solarpitch Posted February 18, 2007 Author Share Posted February 18, 2007 How is that a graphic design issue! This has been created using css, therefore . . its a css issue! and what I want to know is how to fade an image using css which can be done! Quote Link to comment Share on other sites More sharing options...
wildteen88 Posted February 18, 2007 Share Posted February 18, 2007 CSS cant fade images. The menu is made of background images which has the the gradient in it. Quote Link to comment Share on other sites More sharing options...
lando Posted February 18, 2007 Share Posted February 18, 2007 what I want to know is how to fade an image using css which can be done! Solarpitch, I think when you say CSS can fade an image your are referring to adjusting the opacity of an image. When you use that method it applies the technique to the whole image, not as a gradient like you want. If you are tiling the normal images vertically then you could do the same with the images that need to be displayed during a hover. Just apply the gradient in Photoshop to a 1px tall image and tile that in your :hover element. Quote Link to comment Share on other sites More sharing options...
Solarpitch Posted February 18, 2007 Author Share Posted February 18, 2007 Ummm . . I am almost sure I've seen it done before, but maybe not! I'll give what you said a go . . cheers guys Quote Link to comment Share on other sites More sharing options...
ToonMariner Posted February 19, 2007 Share Posted February 19, 2007 Thanks for the apology!!!! You can probably do it with javascript but this is most easily achieved by creating a gradient in the image Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.