Hello Summer Sale!
Exclusive season-opening discount on TheGem theme.
Limited time offer.

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

  •  5,055
    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.