Blocks animations in YITH Proteo

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author YITHEMES

    (@yithemes)

    Hi there, animations are realized adding a CSS class to the gutenberg block you want to animate.
    The css class to use:
    animate-***

    you may replace *** with:

    fade
fade-up
fade-down
fade-left
fade-right
fade-up-right
fade-up-left
fade-down-right
fade-down-left
flip-up
flip-down
flip-left
flip-right
slide-up
slide-down
slide-left
slide-right
zoom-in
zoom-in-up
zoom-in-down
zoom-in-left
zoom-in-right
zoom-out
zoom-out-up
zoom-out-down
zoom-out-left
zoom-out-right

    To add a class to a gutenberg block select the block you need, then go to its options, Advanced and then Additional CSS class(es)

    https://prnt.sc/wnfobv

    At the moment I realize that it’s a bit tricky as a method to use … but we plan to make choosing animations much more intuitive with a select on the block.

    Thread Starter suko7p

    (@suko7p)

    Thank you very much. It’s very useful.

    When you make choosing animaitions with a select block, Will it be necessary to erase this CSS′s?

    Theme Author YITHEMES

    (@yithemes)

    At current state of the development yes, but we are still working on a way to avoid this

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Blocks animations in YITH Proteo’ is closed to new replies.