Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.

Okay
  Public Ticket #2138494
CSS animation is broken
Closed

Comments

  • dontaco2000 started the conversation

    I have been working with the Festival Demo Layout and I made the "Sponsors" area roll and slide in with CSS animations. When I initially load the page live, none of the animations trigger leaving the area blank, but if I resize the window the slightest, it triggers bringing everything into view. If it initially loads in fullscreen then it doesn't trigger unless I resize the window. If I have it in non fullscreen, it doesn't trigger until I resize the window or go to fullscreen. I have tested this in both Google Chrome and Microsoft Edge

  •  4,803
    Michael replied

    Hi! 

    Unfortunately CSS animations don't work on type 'Page as fullscreen vertical slider' pages.

    This is due to the fact that the row doesn't have a certain height and depends on the size of the screen, so the animation cannot correctly calculate the block size.