CSS only parallax mouse controlled items?

#1

Hi,

I have a div container with 3 images positioned absolutely inside it.

What I would like to do it have each element move slightly when the user’s mouse is hovered over the main div.

Is this possible with only CSS?

Thanks

#2

Hi,

Not knowing anything about circumstances in your case: yes, generally it is. :slight_smile:

To not mess with the AP coordinates, you could try moving the AP boxes by adding a suitable margin when hover their parent:

parent-div AP-div {
  margin-top: 5px;
}