DesignCode – CSS 布局和动画 作者：Christina Gorton

克里斯蒂娜·戈顿 |持续时间： 2:08 |视频：H264 1920×1080 |音频：AAC 44,1 kHz 2ch |语言：英语

使用 CSS Grid 和 Flexbox 在 CodePen 中构建 UI 原型。了解如何通过添加 CSS 转换和转换为您的 UI 带来活力。我们将通过 CSS 动画属性和关键帧规则更深入地研究 CSS 动画。我们将通过使我们的原型具有响应性并在 CodePen 上查看更酷的功能来结束这一切。

在本视频中，我们将了解如何设置免费的 CodePen 帐户。我们将稍微探索一下该网站，看看 CodePen 能提供什么。然后，我们将创建我们的第一支笔，以便我们可以开始使用 Grid 和 Flexbox 布局我们的设计。

本课程重点介绍 CSS 布局和动画。今天我想向您展示如何简单地使用 CSS 网格和 Flexbox 来布局具有挑战性的设计。我们还将专注于通过添加 CSS 动画来创建引人入胜的 UI。我们将使用 CodePen 为名为 Letter 的网站设计部分布局。