Reverse hover effect

  • Resolved pase

    (@photoshopace)


    7 years, 5 months ago

    When entering the gallery area with the cursor all images change opacity at the same time except the image which is under the cursor.
    I have created this effect with css and html before. Can you tell me if the structure and logic of this plugin support this type of hover effect?

    • This topic was modified 7 years, 5 months ago by pase.
Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter pase

    (@photoshopace)

    I figured it out.

    /* apply hover to all childern when parent is hover */
    .ftg-items:hover > .tile {
    opacity: .05;
    }

    /*.increase opacity of child when hover item */
    .ftg-items:hover > .tile:hover {
    opacity: 1;
    }

    Diego

    (@greentreelabs)

    Hi, happy you found the solution, I’ll add this effect to the development queue.

    Cheers,
    Diego

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Reverse hover effect’ is closed to new replies.