CSS pseudoclass:hover help

[Josiahmann]

I’m working on a site at http://mantisforce.firstprincipleswebdesign.com/

In the first section there are five galaxies at the bottom of the image. I would like to set up an effect so that when I hover over one of the galaxies, a black mask shows up and text/images about that galaxies covers the red-faced man…

Is that possible with css or am I going to need js?

Any ideas?

[hunt9310]

I am not sure what you are looking to do. I think that it is possible with just css but if you could elaborate a little further that would help. I was also noticing that 4 of the 5 galaxy images on your site seem to be broken.

[Josiahmann]

Ok, I got that issue resolved. Basicall I’m wanting a hover over effect similar to a very large tooltip.

[Paulie_D]

Seems a pretty basic request and pseudo elements aren’t really required.

If we had an image of what the hovered state(s) were supposed to look like it would be easier to help you.

[Josiahmann]

Hi Paulie,

This is basically what I’m going for.

http://mantisforce.firstprincipleswebdesign.com/wp-content/uploads/2013/12/mockup.jpg

[Author]

Posts