Archived topic

making icon responsive to hover or touch.

1 reply · Started by Raj on January 21, 2021

Viewing posts 1–2 of 2

January 21, 2021 at 12:14 pm #1628361

hello, i'd like to know if there is code to make the images move/respond similar to what you have on your page: https://generatepress.com/premium/

ie: when the mouse moves over the icons (site library, colors, typography, et al)--they tend to respond.

i'm running:

3.0.2
1.12.3

January 21, 2021 at 12:23 pm #1628369

Hi Raj,

You could try something like this:

.your-custom-selector:hover {
    transform: translatey(5px);
    transition: transform .5s ease,opacity .5s ease,-webkit-transform .5s ease;
}

Let me know :)

This archived topic is closed to new replies.