前言:
现时咱们对“htmlcss时间轴”可能比较讲究,你们都想要知道一些“htmlcss时间轴”的相关知识。那么小编在网摘上收集了一些对于“htmlcss时间轴””的相关文章,希望小伙伴们能喜欢,同学们一起来学习一下吧!作者:悦然wordpress建站(悦然建站)
(此处已添加小程序,请到今日头条客户端查看)
继续分享wordpress建站教程,今天给大家分享如何制作企业网站的时间轴动画效果。有很多企业网站建设都会使用过时间轴动画,我们可以通过它来生动的展示企业的发展历程等信息,看起来比较炫。
下面悦然网络工作室就给大家分享几个在wordpress建站中实现时间轴动画的方法。在wordpress建站环境下,使用插件是实现网站时间轴动画最简单的方法。
Getwid
Getwid是一个免费的wordpress插件,它可以配合古腾堡区块使用,操作简单,效果也比较好,功能也很丰富,其中有一个功能为【内容时间轴区块】,通过它就可以实现我们想要的时间轴动画了。
实现的效果如上图所示,悦然wordpress建站在一个建站项目中就使用的这款插件,随着页面的滑动时间会有动画效果。
Getwid下载地址
Cool Timeline
Cool Timeline是一个更加专业的时间轴效果插件,如果你需要对时间轴效果进行更多调整,那么使用它应该是不错的选择。
如上图所示,Cool Timeline插件可以设置多种不同的时间轴效果。
Cool Timeline下载地址
注意事项:
以上两种插件默认都是在页面或文章中使用的,如果你使用的wordpress建站模板是直接用页面功能制作的首页,那么首页调用就比较方便,可以在页面中直接使用插件生成时间轴效果;如果你使用的wordpress建站模板的首页是不是用页面来制作的,那么调用时可能会麻烦一些,需要通过代码来调用。
如上图所示,当我们生成好一个时间轴效果后,让这个区块与html显示,复制代码,然后添加到首页的HTML模块就可以了。
标签: #htmlcss时间轴