简介 目录 评价 推荐
上次学到:案例介绍和分析

简介

本课程带领大家使用JS和CSS3技术实现粽子动画的效果,课程分为“分析动画特效”和“开发”两个部分,分析动画部分使用“关键时间点逆向分析”的方法带领大家把动画制作过程揭秘出来,“开发”部分,首先对动画效果进行深入剖析、然后再进行动画的一步一步分步制作。

评价

22
仅对我来说这是我目前在慕课网前端课程里第一个碰到的比较复杂的CSS3动画,CSS代码量大,JS代码量也很大,实用性很高,基本各大网站的某些动画可以套用这个模板,核心思想我估摸着大概分2块,第一块就是时间轴,什么时间干什么事;第二块就是整个CSS代码,大量运用了transition和transform以及keyframe,这才知道这三个属性配合JS的setTimeout,能做出如此动画确实学到了东西。不过老师中间有大量口误和手误造成了思路耦合性不强,经常自己打断自己的思路,因而理解起来不是很舒服。幸亏代码全程手打可以通过注释及代码自己理解,而且也用到了构造器构造对象,算是对JS的OOP进行了巩固
挺有意思的课程,但是老师重复的太多了,这里用到的知识点并不多,老师调试的时间占用的比较多。css布局没必要一点点带着做,很多讲一下原理,带着做一两个就可以了,没必要带着做完。这个课程会的人觉得重复太多,不会的人又觉得讲的太快跟不上。老师应该把源码放上来,让水平高的人挑几节重点听,然后自己看源码。
全部评价

讲师

WEB前端开发工程师,IT男神,Full Stack Web Developer,追求代码、界面的可扩展性;性能,设计和出色的用户体验。从界面交互到程序性能,喜欢把控从Visual、Frontend、Backend、DevOps的每一个细节

课程须知

学习本课程之前您要了解,HTML、CSS及JS基础知识,这样便于小伙伴们对课程更好的理解。

老师告诉你能学到什么?

1、css3实现过渡动画效果
2、JS定时动画实现
3、总结切换动画的三种常用方式
4、2D/3D变换相关

相关推荐

从0到1全流程落地web游戏大地图项目,成为WebGlS专家
Meo
高级前端开发高级
实战课
123人学习
进阶
读懂IT行业的第一课-IT技术素养提升课-快速蜕变内行人
一品红豆
首席架构师
实战课
90人学习
初阶
SpringBoot2 仿B站高性能前端+后端项目
HELLOSTAR
Java架构师
实战课
249人学习
进阶
职场必备AI课 AI高效办公训练营
忠彬老师
AI 研究与商业应用落地专家
实战课
338人学习
初阶
程序员的 AI 启蒙课,ChatGPT 辅助开发 Vue3 项目
双越
资深前端工程师
实战课
824人学习
初阶

友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

查看已购买课程
开始学习 免费