百度前端技术学院是一个为大学生创办的免费的前端技术实践、分享、交流平台。由百度校园招聘组、百度校园品牌部、百度前端技术部以及多个百度的前端团队联合创办。学院组织了一批百度在职工程师,精心编写了数十个实践编码任务,将技术知识点系统有机地串联在各个充满趣味与挑战的任务中,同学们通过实际地编码练习来掌握知识,再辅以互相评价、学习笔记等方式,加深对于学习内容的理解。在过去的三年中,百度前端技术学院累积吸引了上万名同学参加,并且有数十名同学在学习后,顺利加入了百度,成为了百度的前端工程师。

CSS3饼状loading效果

进阶

人数264人在学习该课程,有171人已经完成该课程

时间平均用时0.9

关键词CSS3动画loading效果

课程概述

作业提交截止时间:04-24

任务目的

  • 学习和掌握水平垂直居中布局
  • 学习和掌握利用HTML和CSS构造简单规则图形
  • 学习和掌握和使用CSS3动画新特性

    任务描述

  • 实现图示效果。(点击查看
  • 需要使用HTML和CSS实现半圆和四分之三圆环
  • longding动画页面上下左右剧中
  • 所有的动画元素采用HTML和CSS实现

    任务注意事项

  • 尽量只使用HTML和CSS代码编写,不需要JavaScript
  • 不能引入其他图片
  • 尽量提高动画性能
  • HTML 及 CSS 代码结构清晰、规范

    在线学习参考资料

  • w3cplus
  • 《图解CSS3》
  • MDN CSS3
学员提交的作业 (-)
学员名称提交时间提交的代码预览效果评价数平均得分操作