Tagged: ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • October 11, 2017 at 5:48 pm #862979
    Robin

    Hi !

    I’m trying to do this on my Enfold site.

    I’ve followed the instructions and edited the source HTML of my page, as well as the style.css of my child theme.
    However, it doesn’t seem to work and instead of something like this I get the front image on top of the back image (see link in private content).

    Can you tell me what’s going wrong? Is there anything I need to add to my CSS or HTML in order for the code to work on Enfold?

    Thank you
    Robin

    • This topic was modified 7 years, 2 months ago by Robin. Reason: Added source code
    October 11, 2017 at 7:53 pm #862999
    Robin

    Actually I went for another solution since I couldn’t find a way to get the flip animation to work.
    I simply used javascript to change the image on hover:

    <img id="my-img-id" onmouseover="this.src='hovering-image-url.png';" onmouseout="this.src='base-image-url.png';" src="base-image-url.png" />

    …and styled it in my style.css file.
    The result isn’t quite the one I was after but it’s okay :)

    • This reply was modified 7 years, 2 months ago by Robin. Reason: Error in code
    October 11, 2017 at 11:49 pm #863078
    Jordan Shannon

    Hi,

    I’m glad you got this configured. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘CSS flip animation on Enfold’ is closed to new replies.