第一模块
课程信息
课程名称:前端工程师
课程章节:Animate.css动画库的使用
课程讲师:
第二模块
课程内容:
Animate.css动画库
官网:
步骤:
第一步. 引入animate.css文件
<head>
<link rel="stylesheet" href="animate.min.css">
</head>
也可以使用http://www.bootcdn.cn/animate.css/的服务
第二步. 给指定的元素加上指定的动画样式名
<div class="animated fadeInUp"></div>
第一个animated是必须添加的样式名,第二个是指定的动画样式名。
重新设置一些默认样式:
animate-duration: 2s; //动画持续时间
animate-delay: 1s; //动画延迟时间
animate-iteration-count: 2; //动画执行次数
第三模块
学习收获与心得:
由简入奢易,由奢入简难,做过一个看似光彩的项目,心理再难放平稳,去踏实的做一个看上去不那么酷的`产品。这种浮躁心态会严重影响今后的职业发展和成长。
光鲜靓丽的项目被各种老大关注,是难容忍犯错误的,傻瓜都知道犯错误在成长之初的重要性。
第四模块
学习完毕打卡截图: