Title: Mouse effect
Last modified: May 15, 2020

---

# Mouse effect

 *  [mutter](https://wordpress.org/support/users/mutter/)
 * (@mutter)
 * [6 years ago](https://wordpress.org/support/topic/mouse-effect/)
 * The Hover effect – pages moving when you point at them with the mouse – shown
   on this website _[ redundant link removed ]_ , what is that effect called and
   is there a tutorial about it?
    -  This topic was modified 6 years ago by [Jan Dembowski](https://wordpress.org/support/users/jdembowski/).
      Reason: Moved to Fixing WordPress, this is not an Everything else WordPress
      topic
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fmouse-effect%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 2 replies - 1 through 2 (of 2 total)

 *  [Joy](https://wordpress.org/support/users/joyously/)
 * (@joyously)
 * [6 years ago](https://wordpress.org/support/topic/mouse-effect/#post-12841704)
 * I doubt it has a name or a tutorial.
    It is some images that have a lot of CSS
   applied for position, shadow, scaleX, scaleY, skewX, skewY, rotateX, rotateY,
   rotateZ. Then more CSS with different values for the hover state.
 * Here is the basics for one image
 *     ```
       .image-stack .et_pb_image { position: absolute; bottom: 0; }
       .et_pb_image_3 {
           transform: scaleX(0.9) scaleY(0.9) translateX(0px) translateY(-150%) rotateX(19deg) rotateY(322deg) rotateZ(0deg) skewX(28deg) skewY(3deg);
           transition: transform 300ms ease 0ms,transform 300ms ease 0ms,transform 300ms ease 0ms,transform 300ms ease 0ms;
       }
       .et_pb_image_3:hover {
           transform: scaleX(0.95) scaleY(0.95) translateX(0px) translateY(-120%) rotateX(23deg) rotateY(325deg) rotateZ(2deg) skewX(16deg) skewY(9deg) !important;
       }
       ```
   
 * which you can see using your browser’s Developer Tools on the page.
 *  Thread Starter [mutter](https://wordpress.org/support/users/mutter/)
 * (@mutter)
 * [6 years ago](https://wordpress.org/support/topic/mouse-effect/#post-12843348)
 * Hi Joy
    Thx. for your reply. I had looked at the code, but it wasn’t much help
   🙁

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Mouse effect’ is closed to new replies.

## Tags

 * [hover](https://wordpress.org/support/topic-tag/hover/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 2 replies
 * 2 participants
 * Last reply from: [mutter](https://wordpress.org/support/users/mutter/)
 * Last activity: [6 years ago](https://wordpress.org/support/topic/mouse-effect/#post-12843348)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics