[wordpress插件] Animation effect for Gutenberg Blocks古腾堡块的动画效果

>Demo Link

>演示链接

Add animation to any gutenberg block, select from around 70 different animation of animation.css

将动画添加到任何gutenberg块中，从大约70种不同的animation.css动画中进行选择

You can add animation to any core block or even any custom 3rd party plugin blocks, it workes with all blocks

您可以将动画添加到任何核心块甚至任何自定义的第三方插件块，它可以与所有块一起使用

How to add animation, here are the simple steps:

如何添加动画，以下是简单的步骤：

1. Just click on the block
2. 只需单击该块

3. Go to Block tab (on the right side)
4. 转到“阻止”标签（在右侧）

5. Click on “Animation setting”
6. 点击“动画设置”

7. Select the animation you want from the dropdown
8. 从下拉列表中选择所需的动画

Added option to control the animation offset and mobile disable

添加了控制动画偏移和移动禁用的选项

offset: Define the distance between the bottom of browser viewport and the top of hidden box.


offset：定义浏览器视口底部与隐藏框顶部之间的距离。


When the user scrolls and reach this distance the hidden box is revealed.

当用户滚动并到达此距离时，隐藏的框会显示出来。

mobile: Turn on/off animation on mobile devices.

移动：打开/关闭移动设备上的动画。

And you are done now you can save the post and on the front end you can see your animation working

现在完成了，您可以保存该帖子，并且在前端可以看到动画的运行情况