Flip Cards on Hover not working

  • maxtaketwo

    (@maxtaketwo)


    3 years, 3 months ago

    Hi,

    I tried to use flipping effect of a card when hovered. Unfortuantely when hovered the card is flipping/rotatin 180 deg the backface is no hidden for the front card so the backcard is not displaying.

    Anybody knows how to fix this?

    Thank you,

    Max

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • lisa

    (@contentiskey)

    3 years, 3 months ago

    what are you using to create the hover flipping effect? is it a theme, plugin, custom code etc? where should the hover flipping effect be available?

    • This reply was modified 3 years, 3 months ago by lisa.
    Thread Starter maxtaketwo

    (@maxtaketwo)

    3 years, 3 months ago

    Hi,

    Im using CSS for card container (sectioncard), card front and card back as the following:

    .cardback {
    position:absolute;
    top:0;
    left:0;
    transform:rotateY(180deg);
    width:100%;
    backface-visibility:hidden;
    }

    .cardfront {
    backface-visibility:hidden;
    }

    .sectioncard:hover {
    transform:rotateY(180deg);
    }

    On the picture below

    Best Regards

    • This reply was modified 3 years, 3 months ago by maxtaketwo.
    lisa

    (@contentiskey)

    3 years, 3 months ago

    i see same image as when the front image is hovered and flipped.

    suggestion: ask the kadence blocks support team for guidance: https://www.kadencewp.com/support-forums/

    • This reply was modified 3 years, 3 months ago by lisa.
    • This reply was modified 3 years, 3 months ago by lisa.
    • This reply was modified 3 years, 3 months ago by lisa.
Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Flip Cards on Hover not working’ is closed to new replies.