网站建设时用于向 WordPress 添加动画效果10 个免费插件

网站建设时使用平滑滚动、页面转换或CSS 动画等特殊效果可以为您的 WordPress 网站增添一些受欢迎的个性。使用它们来引起对重要信息的关注，增强用户体验并使您的设计更上一层楼。

以下是一些免费的 WordPress 插件，可用于为您的网站添加各种效果：

Blocks Animation: CSS Animations for Gutenberg Blocks

如果您正在寻找一种简单的方法来吸引对页面元素的注意，Blocks Animation 值得一看。它与 Gutenberg 块编辑器原生配合使用，允许您通过设置面板将动画添加到任何块。选择您想要的动画风格、延迟和速度。

如今，滚动触发的动画非常流行，但设置起来可能很棘手。Animator 提供了一个流畅的 GUI，可以消除过程中的痛苦。该插件具有一系列即用型动画，但您也可以创建自己的动画。选择一个动画，设置滚动位置，就可以开始了。

Image Hover Effects Ultimate 为您的图像提供了几个方便且引人注目的动画。例如，图像比较效果允许访问者比较图像的“之前”和“之后”版本。还包括按钮、翻转框、标题等的悬停动画。

Greenshift 的构建着眼于性能。不是使用大型框架来驱动动画，而是动态生成元素。该插件还利用 CSS3 和 SVG，在不影响网站加载时间的情况下提供灵活性。

使用 Animate It! 可以轻松地将 CSS3 动画添加到您的网站。该插件将Animate.css和Animo.js库结合在一个包含 50 多个动画的包中。动画可以应用于滚动、悬停和单击等用户事件。

页面动画和过渡提供了九种不同的“进”和“出”页面过渡的选择。您还可以设置过渡的持续时间。

使用 Easy Textillate 为您网站上的任何文本添加动画。该插件包括textillate.js、 animate.css 和lettering.js库，为您的排版提供各种出色的效果。使用您想要的动画样式生成简码，将它们放入您的内容中并观看它们！

使用 Ultimate Hover Effects 为您的图像标题添加一些生命。从 WordPress 媒体库中选择一个图像并设置您要使用的悬停效果。然后只需将其嵌入到帖子或页面中即可。还包括一个简码生成器。

页面滚动到 id 使用 CSS ID 元素为页面内导航添加平滑滚动效果。您可以设置滚动持续时间和缓动 – 有超过 30 种缓动类型可供选择。支持垂直和水平滚动，并且可以为单个链接配置偏移量。

CSS3 Rotating Words 是一个方便的插件，具有一个简单的功能：使用动画旋转句子中的一个或多个单词。例如，您可能有一个句子要更改一个单词：

从五种动画样式中进行选择，并设置字体颜色和大小。

特殊效果的正确组合可以为您的 WordPress 网站带来有趣和实用的元素。当然，在决定使用什么的时候最好慎重选择。

一个好的经验法则是始终牢记用户的最大利益。如果某项功能提高了可用性或使您的网站更易于使用，那么它可能值得您花时间。