创意高级 CSS 动画 – 创建 100 个项目!
通过 100 个创意项目掌握高级 CSS 动画、过渡和变换以及练习
讲师:Ahmed Sadek
口袋资源独家Udemy付费课程,独家中英文字幕,配套资料齐全!
用不到1/10的价格,即可享受同样的高品质课程,且可以完全拥有,随时随地都可以任意观看和分享。
你将会学到的
- 掌握 CSS 动画、过渡和变换
- 使用 CSS 动画、过渡和变换创建 100 多个不同的示例
- 能够创建他们能想到的任何有创意的 CSS 动画
- 掌握 CSS clip-path 属性并学习如何在 html 元素动画中使用它
- 创建不同的按钮、图像、卡片、加载器、菜单创意效果等等
要求
- 互联网连接
- HTML & CSS 的基本理解
- 你选择的任何代码编辑器
说明
你有没有在 codepen 或任何网站上看到过网络动画,然后你会想“哦,太棒了!我想这样做!” 但又觉得它很复杂,远远超出你的技能?
好吧,我在这里告诉你:不,绝对不是!,我是Ahmed Sadek,一个拥有超过 7 年经验的全栈 Web 开发人员和自由职业者,我想欢迎你来到我的CSS 动画、过渡和转化创意课程。
Css 动画正迅速成为一种必不可少的设计工具,越来越多地用于帮助我们的用户理解我们的网站并与之互动。这绝对是 css 的下一个重要步骤!可以用它完成绝对惊人的事情。这完全取决于你的想象力!它为你的网站赋予生命并增强用户体验,你知道更好的用户体验意味着更高的声誉和更满意的访问者。因此,css 动画、过渡和变换是当今任何 Web 开发人员的关键技能……我来这里是为了确保你以正确的方式学习它。
因此,在本课程中,你将从头开始掌握css 动画、过渡和变换,不仅如此,我们还将亲自动手并创建许多示例,以便你获得大量的想法和大量的灵感来帮助你创建任何你能想到的复杂动画。
我们将从查看css 过渡属性开始,了解它是什么以及它如何赋予 html 元素生命。
然后我们将继续讨论css 变换,它为许多创意选项打开了大门,从在页面周围移动元素到缩放和旋转它们。因此,我们将讨论可以在2D和3D环境中使用的所有变换函数。
之后,我们进入有趣的部分!我们将使用我们学到的有关 css 转换和过渡的所有技术和属性,我们将开始构建一些创意示例,这些示例将为你提供灵感并帮助你充分利用所学知识!
我们将从创建一些按钮悬停效果开始本节,然后创建一些图像悬停效果等等!
然后我们将转到 css动画和关键帧,在这里我们将了解有关它们的所有内容及其所有属性。
最后,我们将继续课程的最后一部分,我们将在其中创建许多 css 动画示例,这些示例将激发你的想象力并帮助你创建任何你能想到的动画!
到本课程结束时,你将能够了解任何 Web 动画的工作原理,并且你将创建100多个具有不同想法的不同项目,这些项目将帮助你提高创造力,并从其他 Web 开发人员中脱颖而出。因此,如果你和我一样兴奋,请点击注册按钮,让我们开始学习这个 CSS 动画、过渡和变换创意课程吧!
此课程面向哪些人:
- 想要提高 CSS 技能的网页设计师和开发人员
- 想要掌握 CSS 动画和变换并能够创建他们能想到的任何创意动画的 Web 开发人员