入口动画
第一印象坚守。与其让您的内容刚刚出现,不如让它到达。 入口动画 扩展在任何元素元素滚动到视图的那一刻就会向其添加运动 70多种效果 要从以下选项中进行选择:淡入淡出、滑动、弹跳、翻转和缩放 您设置了速度、延迟和宽松,因此一个标题可以轻轻地漂入,同时一排功能图标会陆续弹出。没有 CSS,没有关键帧,只有高级选项卡中的几个设置。
Use it well and a entry animation trussing eye down the page and make the site feel at the first scroll。, use it on everything and it curned into noise。,下面视频涵盖了基础知识,再往下走,我进入了完整的效果列表,如何在整个部分应用一个动画,以及如何正确获取时机。
什么是入口动画?
动(incention animation)是一个元素在屏幕上时所做的运动,访问者滚动,标题或图像或按钮击中视口,它会褪色、滑动或弹跳到位,而不是一直坐在那里,你会看到它们称为入口效果、滚动动画或网站入口动画。每次的想法都相同:一个静态页面,当你向下移动时,它会开始做出反应。
CSS动画就可以自己写这一切,那么关键帧就是你要维护的,每个屏幕大小的响应行为也是你要维护的,Master Addons 动画工具包 将其移动到元素设置中,以便您从下拉中选择效果并跳过代码。
70多个入口效果的图书馆
70多个预设, 有一个合适的方式来介绍几乎任何部分, 想要它安静, 淡入淡出, 想要能量, 弹跳或橡皮筋, 经过一些更深思熟虑的事情, 翻转或滑动。那个传播是方便的, 因为它让你给部分自己的性格:平静和顺利的任务陈述, 有点有趣的特性行。
- 褪色: 淡入淡出,淡入淡出,淡入淡出,其余,安静到达。
- 幻灯片: 元素从左、右、上或下滑入。
- 弹跳: 弹跳和橡皮筋适合需要注意的部分。
- 旋转和翻转: 当您想要一点深度时翻转和旋转。
- 缩放和特效: Zoom In、Light Speed 以及英雄或 CTA 的其他杰出作品。
- 将效果与工作相匹配: 行动号召时声音洪亮,正文轻柔淡入淡出。
- 提交前预览: 当您在列表中悬停动画时,编辑器会播放动画。
持续时间、延迟和放松控制
时机是大多数动画获胜或失败的地方,这不仅仅是开/关切换。设置 持续时间 以毫秒为单位快速快速地移动或缓慢而拖延。添加一个 延迟 suo以一排物品接连进来,而不是一次全部进来,pick一个 缓和 曲线,使运动以真实物体的方式加速和减慢,而不是以平坦的机器人速度滑动。
- 设置速度: 500ms感觉轻快,1500ms感觉轻松,那个数字改变整个心情。
- 交错一个序列: 将"延迟"连续按每个图标上的一个凹口进行碰撞,然后它们会一一弹出。
- 选择宽松政策: Ease-Out(快速启动,温和停止)读作自然的大多数入口,这是我首先到达的。
如何为所有元素设置默认入口动画?
Elementor中,人们会问很多:你能不能一次性将一个入口动画应用于所有内容?直接回答,Elementor核心没有一个全局开关,可以为站点上的每个元素制作动画。在实践中有效的是在容器或部分级别进行动画,然后重复使用那些设置。
- 选择 部分或容器 而不是其中的每个小部件。打开 高级→主插件入口动画 并选择你的效果。然后,当它滚动时,整个块一起到达。
- 要重复使用相同的动作,请右键单击元素,点击 复制那么 粘贴风格 on the next section。动画设置随着样式一起骑行,所以你设置一次,然后将它粘贴到页面上。
- 对于级联而不是所有东西一起发射,保持效果相同并升高 延迟 当你向下走时,每个部分都有一点。
That 令你在不触摸代码的情况下,在所有元素上都有一个一致的入口动画,这就像 Elementor 给你的那样接近默认的完整 入口动画文档 涵盖每个设置。
入口动画常见问题
很多入口动画会减慢我的网站速度吗?
在包含数十个动画元素的页面上,它可以增加一些重量,但效果一开始就很轻。真正的解决办法是克制:对关键部分和标题进行动画处理,而不是每一段。几个位置良好的部分几乎无法注册。如果您想到了加载时间,这些 加快 Elementor 网站速度的提示 帮助。
为什么我的 Elementor 入口动画不起作用?
3样东西,通常都是其中之一,动画只在元素第一次进入视口时才开火,所以新鲜向下滚动测试它,而不是向上滚动,确保效果在实际元素上,而不是周围的空包装纸,并在发布后清除你的缓存插件,因为缓存的页面将服务于没有动画的旧版本。
我可以在桌面和移动设备上使用不同的动画吗?
No。Elementor中无法独立设置桌面、平板、移动的动画,你选择什么效果都适用于每个断点,所以选择一个小屏幕上看起来仍然正确的。
Easing 设置是什么以及我应该使用哪一个?
Easing控制动作的节奏,Linear保持一个恒定的速度,可以感觉到机器人,Ease-Out开始快,结束慢,就像是滚动到温柔的停止,感觉自然,Ease-In则相反,对于大多数入口动画,与Ease-Out一起去。
