The new factory flexible page presents interactive animation to make your website full of vitality
Interactive animation is to allow your users to participate in something your site. This allows them to be able to do language exchange. You know how they say a picture is worth a thousand words right? Through interaction on your site, it will make a picture is worth a million words. This is Joomla industry had ever seen. Page factory is so for you to do. So that some people had not imagined things possible.
You can use animation and interactive pages plant life gives your website, make your site dynamic.
Interactive animations let you (as a web developer) to unleash your creativity, so you do crazy things. Interact with animated page factory, you have a new way to create real-time motion effects on your website. It has a powerful set of controls that allows you to add attractive and beautiful transition animation.
Let's see what you can create the effect of using the new interactive controls.
- mobile
- Scaling
- Rotation
- tilt
- Opacity
- blurry
- 3D rotation
These controls can be divided into two groups of settings.
Rolling effect: Use a rolling effect, you can scroll through the pages for visitors to create animation. To create a motion effect by determining the start and end points.
Mouse effect: the effect of using a mouse, you can create a user hovers over a particular element of transition effects when.
Prior to gain further insight, let us first understand where they can use to interact. Basically, everywhere on the web. This feature is available in all pages factories plugin. After entering the edit mode, select a plug-in, you will find "interactive movie" control next to the "Advanced" tab.
In order to effectively use the interactive, you need to understand a few things. Through interactive animation, you can bring life to your site. This means that you can apply animation effects to your content so that they can react dynamically when interacting in progress. Now we need to understand how the control.
All effects are controlled by the value of their axes, here we have x, y, z, x-axis is horizontal, the y axis is vertical, z is the third and the x and y axis.
Timeline: In order to make controls more friendly, we introduced timeline. The axis (the visible area of the page) divided view port from 100% to 0%. Wherein the bottom of the screen indicates 0%, 50% represents a middle of the screen, the top of the screen represents 100%.
All interaction effect there is provided a common, converting the origin of the x and y axes. Its effect as an anchor. You can use these options to define the starting point for all effects.
例如，如果您将x轴的原点设置为右，将y轴设置为底。交互效果将从元素的右下角开始操作。
移动的效果
移动效果允许您将附加组件从X和Y点移动到定义的方向，其中X表示水平方向，Y表示垂直方向。对于这些控件，正值表示右(下)，负值表示左(上)。
还有一个z轴用于重新定位元素。它控制三维空间中的z轴，指定元素向内或向外移动的距离。透视CSS属性用于通过将元素置于z轴上的较高位置来为场景(或对象)添加深度感。我们将透视图的默认值设置为1000。
缩放效应
使用缩放效果，您可以使一个元素在其绝对位置方面变大或变小。正值使对象伸缩，负值使对象收缩。这里x轴控制水平缩放，y轴控制垂直缩放。
旋转的效果
这种效果允许您旋转一个元素。要查看运动中的旋转，需要对时间轴执行两个旋转效果。一个决定起点，另一个决定终点。对于垂直翻转，需要改变x值;对于水平翻转，需要改变y值;对于顺时针或逆时针旋转，需要改变z值。
倾斜效果
偏斜效应使元素在二维空间上倾斜。意思是你可以使用偏斜效果使任何元素成为不均匀的平行四边形。它有两个控件，x轴的较高（正）值会使元素水平向右侧倾斜，较低（负）值会使其向左侧倾斜。类似的效果也适用于y轴。歪斜效果的一个可能用例是，您可以使对象在2D表面中看起来在另一个上面。
不透明效果
使用Opacity，您可以管理元素的可见性。它只有一个控件，其中0使元素完全不可见，1使其完全可见。使用不透明度和其他效果可以使设计更有趣。
模糊效果
此效果用于使元素模糊。它只配备一个控件，值范围为0-100。值越高，元素越不清晰，值越低，元素越清晰。效果有很多应用，最好的一个是当它出现在屏幕上时使元素模糊，并使其在聚焦点时更清晰。
倾斜效果
倾斜效果是3D鼠标移动效果。与其他效果类似，它具有控制以确定您是否希望在移动设备上看到效果。至于设置，倾斜的方向定义鼠标悬停时会发生什么。前进方向使元素向鼠标移动，而相反方向使元素向后移动。
Responsive effects: responsiveness is one of the priorities when to implement new features. We ensure that all of the output is responsive. Similarly, the animation interactivity factories all pages are mobile-friendly. If you prefer, you can use the switch to enable the interactive effect on mobile / tablet devices.
Timeline and free use of a variety of effects: Page factories animated interactive features with a timeline area that allows you to control all interaction effects from a single location. This is one of the most interactive animation Joomla amazing feature is that you can use multiple interactive effects on individual elements as needed.
As an independent interactive functions: We have developed an interactive way, when editing, animation, interactive features will only create / edit activate your interaction effect. So it will not conflict with other modeling results.
Full 1.5 update log
- New features: All plug-ins add interactive features
- New: Location option has been added to all plug-ins
- New: Add a button to the form builder plugin wrapper custom class
- Update: Share problem was fixed, and share count option has been removed from social sharing plugin
- Updated: Delete button to change the text of dependency opted button background color of a table plug-in
- Fix: Select the height of the problem in the form builder input type plug-in
- Fix: input response label text font size in the Form Builder plug-in
- Repair: From the Form Builder plug-in e-mail does not work problem
- Fixed: contact form required field validation plug-in
- Fix: response mode plug-in question form in duplicate title
- Fix: images are not loaded from an external URL problem Divider plug-in
- Fixed: contact form plug-in e-mail problem