令人兴奋的新功能发布在Pagecout:动画!
现在,直接从编辑菜单中为网站上的对象制作动画比以往任何时候都更容易。
想试一试吗?
Pagecout Start允许您免费构建和发布一页网站,包括我们所有的动画。
今天就开始吧!
继续阅读,了解更多关于您可以在Pagecout网站上使用动画的信息。
动画的类型。
我们提供一系列动画、动画触发器和其他定制。
您可以选择进入或关注寻求动画,什么动作触发动画,动画的持续时间,等等!
要查看动画类型的完整列表,请查看我们的动画指南。
您可以为页面上的任何内容设置动画:部分、列、图像、按钮、文本等等!
入场动画。
入场动画出现在加载或滚动上。
这意味着当用户登录到您的页面时,动画将自动触发,并且当用户将动画滚动到视图中时,页面下方的动画也将触发。
假设您想要将入口动画添加到您的部分。
单击节并导航到编辑菜单中的动画选项卡:
接下来,选择要应用于截面的入口动画类型。
我们选择了Slide In。
您可以预览动画,选择横断面的滑动方式(左、右、上或下),并选择动画的延迟和持续时间:
应用动画并保存!
现在,当用户登录页面或将部分滚动到视图中时,您的部分将滑入页面!
上面的示例显示了一个从顶部滑动到视图中的横断面,持续时间为1秒。
寻求关注的动画。
寻求关注的动画旨在为您的页面增加才华,并在您的网站上吸引用户的注意特定元素。
与自动触发滚动的入场动画不同,您可以在滚动、单击和悬停触发器之间进行选择。
还有更多类型的寻求注意力的动画可供选择,包括最喜欢的动画,如褪色、脉搏和摇动。
单击要设置动画的对象,然后导航到编辑菜单中的动画选项卡。
向下滚动到入口动画,查看可用寻求关注的动画列表:
选择您的动画并自定义触发器、延迟和持续时间。
您也可以在编辑菜单中预览动画。
应用您的注意力寻求动画和保存!
使用鼠标悬停时的Pulse动画,您可以将此效果应用于您的图像或页面上的其他对象:
动画和页面性能。
有17种动画类型,并能够使页面上的任何内容动画化,您可以轻松地创建看起来定制和专业的效果。
然而,重要的是保持你的动画微妙,并避免使用太多的动画,这可能会降低你的网站的整体可用性。
注意:太多令人分心的动画会对你网站的可访问性产生负面影响,并可能影响你的搜索引擎优化。
最佳实践是让你的动画保持简单,并在你的移动网站上测试你的动画。
欲了解更多关于搜索引擎优化的信息,请查看我们的完整指南。
动画黑客!
有了覆盖您的内容的能力,您可以创建一些令人惊叹的动画效果!
例如,使用淡出动画,您可以叠加图像以在悬停时显示不同的图像或文本!
对于上面的示例,我们使用设计工具创建了一个带有文本的图像,然后将奶昔图像拖动到文本的顶部。
然后我们使用淡出、悬停来设置奶昔图像的动画。
我们迫不及待地想看看你用你的动画创作了什么!
今天就开始吧,让我们知道你的想法!