|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/css-animations-master-css-animations-within-3-hours/
课程评论：没有评论
**课程名称：CSS 动画：从零开始学习 CSS 动画** **课程概述：** 几乎所有网站都包含动画效果，例如菜单项或按钮的悬停效果，以及滑块的 3D 过渡。这些都可以通过 CSS 实现。本课程将带您深入学习 CSS 动画的方方面面，从基础的 CSS الانتقال (transition) 概念，到更复杂的 CSS 变形 (transformations) 如旋转 (rotate)、平移 (translate)、缩放 (scale) 和倾斜 (skew)。您还将学习如何使用关键帧 (keyframes) 来创建更精细的动画。课程中将通过实际项目巩固所学知识，包括 8 个不同风格的 CSS 按钮动画和 5 个 CSS 加载动画（spinner）。 **先修要求：** * 具备基本的 CSS 和 HTML 知识。 **适合人群：** * 希望学习如何使用 CSS 为网页添加动画效果的任何人。 * 希望深入了解 CSS 动画机制的学习者。 * 希望提升 CSS 动画技能的开发者。 **课程目标：** * 掌握创建 CSS 动画的基本和高级技巧。 * 精通 CSS الانتقال (transition) 的各项设置。 * 精通 CSS 变形 (transformations) 的应用。 * 学会创建引人注目的悬停动画效果。 * 掌握关键帧 (keyframes) 的使用方法。 * 通过完成 13 个 CSS 动画项目，实践所学技能。
Pretty much every website have some animations, when you hover over an Item in menu or button, you can see the background change. When you look at slider you can probably see some cool 3D transition between slides.All of these animations can be created using CSS.Do you want to Learn How to use CSS animation?Well, you have come to the right place, in this course I cover everything you need to know in order to create great looking CSS animations. I start off by explaining how transition works and all the things you can set.Then we use the gained knowledge and create 8 Buttons, Everyone of them will be somehow animated. using only CSS animations. Then we move on to Transformations. I explain how Rotate, Translate, Scale and Skew works and I also cover How keyframes works and how to use them. Then, once again, we will use the gained knowledge and create 5 Spinners.Requirements:Basic CSS and HTML knowledgeWho should take this course:Anyone who wants to learn how to Animate web using CSSAnyone who wants to learn more about CSS animationsAnyone who wants to improve their CSS animation skillsWhat will you learn & archive:Create CSS AnimationsMaster CSS TransitionsMaster CSS TransformationsLearn how to create great hover animationsLearn how to use KeyframesCreate 13 "CSS animation" Projects
