KnowledgeCity

CSS:菜单与动画

如何通过菜单和动画使您的网站更易于浏览
免费观看第一课 — 获取全部 6 节课程的完整访问权限。

To view this video please enable JavaScript.

课程:按需
中级  提供者 Cliff Brozo  6 课时 ·  42m  语言:阿拉伯语, 德语, 英语, 西班牙语, 法语, 葡萄牙语, 简体中文 

课程描述

本课程探讨层叠样式表中的菜单和动画。 您将学习创建用于导航的下拉菜单。 您还将了解圆形动画窗口、侧边栏滑动菜单、粘性底部菜单等。 菜单对于用户理解和浏览您的页面至关重要。 您还将探索层叠样式表动画、缩放和倾斜。 例如,您将看到如何进行平滑过渡以及如何使屏幕上的内容栩栩如生。

您将学到的内容

  • 用CSS构建导航下拉菜单
  • 实现多种菜单类型,包括圆形动画窗口、侧边栏滑动菜单和底部固定菜单
  • 创建CSS动画,为您的网站增添活力
  • 对屏幕上的元素应用缩放和倾斜效果
  • 使用工具提示添加信息
  • 编排无缝过渡效果,实现流畅的屏幕视觉效果

关键要点

  • 菜单对于用户理解和浏览页面至关重要。
  • CSS可用于创建下拉菜单,以及圆形动画窗口、侧边栏滑动菜单和底部固定菜单。
  • 本课程涵盖CSS动画以及缩放和倾斜技术。
  • 可以用CSS构建流畅的过渡效果,使元素在屏幕上生动呈现。

常见问题

本课程涵盖哪些内容?

本课程深入探讨CSS中的菜单与动画,包括用于导航的下拉菜单、圆形动画窗口、侧边栏滑动菜单、底部固定菜单、CSS动画、缩放、倾斜、工具提示以及流畅过渡效果。

我将学习构建哪些类型的菜单?

您将学习创建用于导航的下拉菜单,以及圆形动画窗口、侧边栏滑动菜单、底部固定菜单等更多菜单类型。

我能从本课程中获得哪些技能?

本课程涵盖的技能包括动画、CSS动画、CSS代码、CSS框架、面向对象CSS以及Adobe Animate。

本课程的结构是怎样的?

本课程分为六节课:菜单第1部分、菜单第2部分,以及动画第1至第4部分。