页面切换

Page Transitions

将 Barba.js Javascript 库集成到您的网站中，并使用 CSS 和 Javascript 技术添加流畅和谐的效果。

这个按自己的节奏进行的课程有 4 小时的视频课程，将教您如何使用 CSS 和 Javascript 在您的网站上创建漂亮、流畅的页面过渡。

在本课程中，SuperHi 设计并制作了一系列项目，涵盖如何使网站从断开的页面导航变为无缝的动画过渡，因为您的用户点击并围绕您的网页设计进行交互。

您将学习如何将Barba Javascript 库集成到您的网站中，然后您可以添加 CSS 和其他 Javascript 技术，为您的设计工作添加流畅、和谐的效果。

你会学到什么

如何在设计时考虑到页面过渡和动画

将完整和部分页面转换添加到网站设计

如何在页面加载之间添加动画时间线

如何缓存未来的页面以使您的网站超快

如何确保您的所有代码都适用于未来的页面转换

如何在页面滚动中添加动画

本课程适用于谁

从希望为他们的创作带来动感的平面设计师到旨在为其网站交互添加一点活力的开发人员，本课程适用于任何想要学习如何添加无缝插页式页面过渡的人。

这是一门关于页面转换的中级课程，但我们建议在开始之前了解 HTML、CSS 和一些 Javascript 的基本知识。如果你还没有这个，试试我们的Learn To Code Now 这本书，或者参加我们的基础 HTML、CSS + JS 课程或我们的 Javascript for Designers 课程将帮助你尽可能地做好准备。

你需要什么

安装了最新版本的 Chrome 和宽带互联网连接的计算机（Windows、Mac 或 Linux）。就这样！

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。

[superhi] 页面切换 | Page Transitions

页面切换