- This topic is empty.
September 6, 2011 at 6:14 pm #34238
I presume this is done with transparent .pngs?
The page I’d like to use this effect on is:
Any suggestions?September 7, 2011 at 7:36 am #86574BobMember
You could also do it with CSS only, using the background-position property on a :hover state. Or maybe with some opacity? I don’t exactly know, I’ve been without coding for a while.September 7, 2011 at 8:05 am #86577September 7, 2011 at 6:36 pm #86626September 8, 2011 at 6:06 am #86654September 8, 2011 at 8:02 am #86662September 8, 2011 at 12:39 pm #86684
Thanks so much. One last question: is it possible to apply the css to every image considering that they all have different dimensions?September 8, 2011 at 8:09 pm #86713
OK, thanks anyway…September 12, 2011 at 7:13 am #87008furrball1383Member
@furrball That is what I have done, but with anchors, divs aren’t needed at all.September 13, 2011 at 7:09 am #87079
I think I’ve resolved this by using:
and using a background colour:
for each div. The only probably is the background colour loads faster than the images. So, in some browsers, the page loads with black rectangles and squares first. Any other suggestions? And is it possible to make the images load faster or all at the same time? Or should I just resize all of the images to reduce their kB size?
Let me know what you think:
ThanksSeptember 13, 2011 at 8:27 am #87080
Certainly reduce the file sizes as much as you can, also, you can just set the dark background on hover, that way you don’t get the squares.September 13, 2011 at 9:48 am #87087
I’ve done this:
But it hasn’t worked – what am I doing wrong?!
Thanks againSeptember 13, 2011 at 10:34 am #87089
No, it doesn’t work…
Such sadness. Can anyone help?September 13, 2011 at 10:35 am #87090
I’m a complete CSS novice. If you could explain the figure element and how to change the code for that, I’d greatly appreciate it.
- The forum ‘Other’ is closed to new topics and replies.