[wordpress插件] Animate It!制作动画!

wordpress 插件 文章 2020-02-18 12:40 0 504 全屏看文

Add cool CSS3 animations to your content.


Demo |

演示 |

Documentation |

文档 |

Class Generator



Some of the Key features Include:


    • Allowing user to apply CSS3 animations on Post, Widget and Pages.
    • 允许用户在Post,Widget和Pages上应用CSS3动画。

    • 50+ Entry, Exit and Attention Seeker Animations.
    • 50多个进入,退出和注意力寻找者动画。

    • Capability to apply animation on Scroll.
    • 能够在Scroll上应用动画。

    • Capability to add different scroll offset on individual animation blocks.
    • 能够在各个动画块上添加不同的滚动偏移量。

    • Capability to apply animation on Click.
    • 能够在Click上应用动画。

    • Capability to apply animation on Hover.
    • 能够将动画应用于悬停。

    • Providing delay feature in animation to create a nice animation sequence.
    • 在动画中提供延迟功能以创建漂亮的动画序列。

    • Providing feature to control the duration for a more precise animation.
    • 提供了控制动画持续时间的功能。

    • Providing a button in the editor to easily add an animation block in the article or post.
    • 在编辑器中提供一个按钮,可轻松在文章或帖子中添加动画块。

    • Allow user to add animation on WordPress widgets.

    • 允许用户在WordPress小部件上添加动画。

      Use Class Generator to generate the required animation classes.


    • Allow user to apply animation infinitely or any fixed number of times.
    • 允许用户无限次或固定次数地应用动画。

    • Option to add custom CSS classes to individual animation block.
    • 将自定义CSS类添加到各个动画块的选项。

    • Options to enable or disable animations on Smartphones and Tablets.
    • 在智能手机和平板电脑上启用或禁用动画的选项。

    • Spanish and German language support.

    • 西班牙语和德语支持。

      Thanks to Santiago Marrone, Christian Herrmann

    • 感谢Santiago Marrone,Christian Herrmann

    All the CSS3 animations are from Animate.css and

    所有CSS3动画均来自 Animate.css




    1. Upload edsanimate to the /wp-content/plugins/ directory.
    2. 将edsanimate上载到/ wp-content / plugins /目录。

    3. Activate the plugin through the Plugins menu in WordPress.
    4. 通过WordPress中的“插件”菜单激活插件。

    5. Set your options from the Settings -> Animate It!

    6. 从“设置”->“设置动画”中设置选项!

      admin area.

    7. 管理区域。



      1. Login to your WordPress admin area
      2. 登录到您的WordPress管理区域

      3. Search for Animate It!
      4. 搜索Animate It!

      5. Click install Animate It!
      6. 单击安装Animate It!

      7. Activate through the Plugins menu in WordPress or when asked during installation
      8. 通过WordPress中的“插件”菜单或在安装过程中出现提示时激活

      9. Set your options from the Settings -> Animate It!

      10. 从“设置”->“设置动画”中设置选项!

        admin area

      11. 管理区