|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/css-animation-transitions-and-transforms-creativity-course/
课程评论：没有评论
课程名称：创意高级 CSS 和 JavaScript 动画 - 150 个项目 课程概述：你是否曾在 CodePen 或任何网站上看到过网页动画，心中想：“哇，太棒了！我也想做到这一点！”但随后又觉得这太复杂，超出了自己的能力？我在这里告诉你：这绝对不是！我是 Ahmed Sadek，一名拥有超过 7 年经验的全栈网页开发者和自由职业者，欢迎来到我的 CSS 和 JavaScript 动画课程。CSS 和 JavaScript 动画正在迅速成为重要的设计工具，越来越多地被用来帮助用户理解和互动我们的网站，绝对是网页设计的下一个重要步骤！通过这些动画，我们可以为网站注入活力，提升用户体验，而更好的用户体验意味着更高的声誉和更满意的访客。因此，CSS 和 JavaScript 动画是当今任何网页开发者必备的关键技能，而我将在这门课程中确保你以正确的方式学习这些技能。 在本课程中，你将从零开始掌握 CSS 动画、过渡和变换，我们将共同完成许多实例，以激发你的创意并帮助你实现任何复杂的动画。课程的第一部分将介绍 CSS 过渡属性，学习其概念及如何让 HTML 元素充满活力。接着，我们将探索 CSS 变换，了解如何在页面上移动、缩放和旋转元素，并讨论我们可以在二维和三维环境中使用的所有变换函数。 随后，我们将进入有趣的部分！利用我们学到的 CSS 变换和过渡技术，开始创建一些富有创意的实例，激励你的灵感并帮助你充分利用所学内容，例如按钮悬停效果、图片悬停效果、菜单效果、卡片效果等。然后，我们将学习 CSS 动画和关键帧的所有知识及其属性，接着为你的创意注入更多灵感，开展多种 CSS 动画实例。 我们还会学习 CSS 裁剪路径属性以及如何结合使用它创建独特效果。最后，我们将通过 JavaScript 效果模块，进一步提高技能，创建更复杂的效果。课程结束时，你将能够理解任何网页动画的工作原理，并完成超过 150 个项目，帮助你提高创造力，使你从其他网页开发者中脱颖而出。 如果你和我一样感到兴奋，请点击报名按钮，让我们一起投入到这门 CSS 和 JavaScript 动画、过渡和变换的创意课程中吧！
Have you ever seen a web animation on codepen or on any website and then you think "Ohh that is awesome! I want to do that!" but then think it's complex and far beyond your skills?Well I'm here to tell you: No, it definitely is not!, I'm Ahmed Sadek, a full stack web developer and freelancer with more than 7 years of experience, and I wanna welcome you to my CSS and JavaScript Animations Course. CSS & Javascript animations are quickly becoming essential design tools increasingly used to help our users understand and interact with our websites. they are definitely the next big step in web design! Absolutely amazing things can be done with it. It's literally up to your imagination! they give life to your website and enhance the user experience and you know better user experience means a higher reputation and more satisfied visitors. So CSS and Javascript animations are critical skills for any web developer nowadays...and I'm here to make sure you learn it the right way. So in this course you will master CSS animations, transitions, and transforms, starting from scratch, and not only that, we're also gonna get our hands dirty and create many examples together so that you will get tons of ideas, and lots of inspiration to help you create any complex animation you can think of.We'll start by looking at the CSS transition property, learning what it is and how it can give life to html elements. Then we will move on to CSS transforms, which open the doors for many creative options, from moving elements around the page, to scaling and rotating them. So we'll talk about all the transform functions that we can use in 2D and 3D environments.After that, we get to the fun part! We will use all the techniques and properties we learned about the CSS transforms and transitions, and we'll start building some creative examples that will give you inspiration and help you make full use of what you've learned!We'll start this section by creating button hover effects, image hover effects, menus effects, cards effects and some more different cool examples!Then we will move over to CSS animations and keyframes, where we'll learn everything about them and all their properties.after that we will move on to the section of the course, where we will be creating many CSS animations examples that will kickstart your imagination and help you create any animation you can think of!then we will move forward to the clip path effects section where we will learn all about CSS clip path property and how we can use it to create some really creative examples and effects.and finally we will take our skills to the next level by moving to the javascript effects section where we will be creating some more complex effects using the power of javascript. By the end of this course, you'll be able to understand how any web animation works, and you'll have created more than 150 different projects with different ideas that will help you increase your creativity, and stand out from other web developers. So if you are as excited as I am, hit the enroll button, and let's dive right in with this CSS and Javascript Animations, Transitions and Transforms Creativity Course!
