Skip to content

AnimateWP v1.0.0
Compare
Choose a tag to compare
@millertchris millertchris released this 30 Jul 02:12
· 4 commits to main since this release
v1.0.0
054ad08
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Learn about vigilant mode.

Release Date July 29th 2024

Added

  • Animation Functionality: Introduced the ability to add animations to WordPress blocks using GSAP and ScrollTrigger.

  • Block Attributes:

    • enableAnimation: Toggle to enable or disable animations.
    • animateLoop: Option to loop the animation.
    • animateAutoPlay: Option to auto-play the animation.
    • animateDuration: Set the duration of the animation.
    • animateDelay: Set a delay before the animation starts.
    • animateEasing: Choose the easing function for the animation.
    • animateX, animateY: Set X and Y position for the animation.
    • animateXPercent, animateYPercent: Set X and Y position as a percentage for the animation.
    • animateScale: Set the scale for the animation.
    • animateRotation: Set the rotation for the animation.
    • animateAutoAlpha: Set the opacity for the animation.
    • animateRepeat: Set the number of times the animation should repeat.
    • animateYoYo: Enable to reverse the animation on repeat.
    • enableScrollTrigger: Toggle to enable animation on scroll.
    • scrollTriggerStart: Set the start point for the scroll trigger.
    • scrollTriggerEnd: Set the end point for the scroll trigger.
    • scrollTriggerToggleActions: Define actions for ScrollTrigger.
    • scrollTriggerStartOffset: Set an offset for the scroll trigger start point.

  • Block Editor Integration:

    • Added custom attributes to all blocks, except for specific ones like Gravity Forms.
    • Added a new settings tab in the block inspector for animation controls.
    • Integrated animation presets toolbar in block controls for quick application of predefined animations.

  • Presets: Included various animation presets such as Fade In, Fade Up, Fade Down, Fade Left, Fade Right, Bounce, Zoom In, Zoom Out, Rotate, Flip, Shake, Pulse, and Wobble.

Assets 2
Loading