为了账号安全,请及时绑定邮箱和手机立即绑定

【金秋打卡】第7天 前端工程师学习笔记

标签:
Html5 CSS3

第一模块

课程信息

    课程名称:前端工程师

    课程章节:Animate.css动画库的使用

    课程讲师:

第二模块

课程内容:

Animate.css动画库

官网:

http://www.animate.net.cn/

步骤:

第一步. 引入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;    //动画执行次数

第三模块

学习收获与心得:

由简入奢易,由奢入简难,做过一个看似光彩的项目,心理再难放平稳,去踏实的做一个看上去不那么酷的`产品。这种浮躁心态会严重影响今后的职业发展和成长。

光鲜靓丽的项目被各种老大关注,是难容忍犯错误的,傻瓜都知道犯错误在成长之初的重要性。

第四模块

学习完毕打卡截图:

https://img1.sycdn.imooc.com//6375af5300019d6d15720436.jpg

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消