新页工厂灵活的动画互动展示，让您的网站充满活力

动画交互是允许你的用户参与你的网站。这样他们就可以不用言语交流了。你知道他们怎么说一幅画值几千字吗？通过在你的网站上的互动，它将使图片价值数百万字。这是Joomla行业从未见过的。这就是页面工厂为您做的事情。做一些没人能想到的事情。

你可以使用动画与页面工厂的互动，给你的网站生命，使它充满活力。

动画交互让你（作为一个网络开发人员）释放你的创造力，让你做疯狂的事情。与PageFactory动画交互，您有了一种全新的方法来在您的网站上创建实时运动效果。它有一组强大的控件，允许您添加有吸引力的过渡和美丽的动画。

让我们看看如何使用新的交互控件。

滚动：通过滚动，您可以为浏览者在网上滚动时创建动画。通过确定起点和终点来创建运动效果。

鼠标效果：使用鼠标效果，可以在将鼠标悬停在特定元素上时创建过渡效果。

在我们进一步讨论之前，让我们先看看可以在哪里使用交互。基本上，它遍布网络。此功能在所有页工厂插件中都可用。进入编辑模式后，选择一个插件，您将在“高级”选项卡旁边找到动画交互控件。

为了有效地使用交互，你需要知道一些事情。通过动画互动，你可以给你的网站带来活力。这意味着您可以将动画效果应用于内容，以便它们在您交互时动态响应。现在我们需要了解控件是如何工作的。

所有效果都由其轴值控制。这里有X，y，Z，X轴是水平的，y轴是垂直的，Z是第三个垂直于X和y的轴。

时间线：为了使控件更友好，我们引入了时间线。时间线将视图端口（网页的可见区域）从0%划分为。其中，0%代表屏幕底部，50%代表屏幕中间，代表屏幕顶部。

所有交互也有一个共同的设置，它转换X轴和Y轴的原点。它充当效果的锚。可以使用这些选项定义所有效果的起点。

例如，如果将x轴原点设置为右侧，将y轴原点设置为底部（请参见上面的视频）。交互从元素的右下角开始。

移动效果允许您将外接程序从X和Y点移动到定义的方向，其中X表示水平方向，Y表示垂直方向。对于这些控件，正值表示右侧（底部），负值表示左侧（顶部）。

还有一个Z轴用于重新定位元素。它控制三维空间中的Z轴，并指定元素向内或向外移动的距离。透视CSS属性用于通过将元素放在Z轴的更高位置来向场景（或对象）添加深度。我们将透视图的默认值设置为1000。

使用缩放效果，可以使元素在其位置变大或变小。正值导致对象收缩，负值导致对象收缩。这里，X轴控制水平缩放，Y轴控制垂直缩放。

此效果允许您旋转元素。要查看运动中的旋转，需要在时间轴上执行两个旋转效果。一个决定起点，另一个决定终点。对于垂直翻转，需要更改x值；对于水平翻转，需要更改y值；对于顺时针或逆时针旋转，需要更改Z值。上面的视频是顺时针旋转的一个例子。

倾斜效应使元素在二维空间中倾斜。这意味着您可以使用倾斜效果使任何元素成为不均匀的平行四边形。它有两个控件，X轴的较高（正值）值使元素水平向右倾斜，而较低（负值）值使元素向左倾斜。类似的效果也适用于Y轴。扭曲效果的一个可能的用例是，可以使一个对象出现在二维曲面中另一个对象的顶部。

使用不透明度，可以管理元素的可见性。它只有一个控件，其中0使元素完全不可见，1使元素完全可见。使用不透明度和其他效果可以使设计更有趣。上面给出了一个例子。这里我们使用不透明度，在同一个图像上移动和旋转。

此效果用于模糊元素。它只配备了一个值范围为0-100的控件。值越高，元素越不明显，值越低，元素越清晰。这个效果有很多应用，的一个是当元素出现在屏幕上时模糊它，当它聚焦时使它更清晰。

倾斜效果是一种三维鼠标移动效果。与其他效果一样，它也有控件来确定您是否希望在移动设备上看到效果。至于设置，倾斜的方向决定了悬停时的情况。正向使元素向鼠标移动，而反向使元素向后移动。

反应性效应：反应性是实现新功能的主要任务之一。我们确保所有输出都是响应的。同样，所有页面工厂的动画交互效果也适用于移动设备。如果愿意，可以使用该开关在移动/平板电脑设备上启用交互功能。

时间线和使用多种效果的自由：页面工厂的动画交互功能有一个时间线区域，允许您从一个位置控制所有交互。Joomla动画交互惊人的特性之一是，您可以根据需要在单个元素上使用多个交互效果。

交互作为一个独立的功能：我们开发了一个交互模式。编辑时，动画交互功能仅在创建/编辑交互效果时激活。这样就不会与其他建模效果冲突。