Web前端工程师 > Web前端2D/3D特效开发实战
Web前端2D/3D特效开发实战
  • Web前端2D/3D特效开发实战

  • 主讲 : 王士强
  • 本课程主要讲解了如何使用CSS 2D、动画和过渡制作样式、CSS 3D图片展示效果、Canvas画布制作多啦A梦等内容,以此提升用户的CSS 2D/3D、Canvas实现动画效果。
  • ¥149.00 ¥499.00 ¥145.00
  • 立即报名

    156人学习时长 : 3.8 小时有效期 : 180 天 有效期自支付成功后开始计算,到期后仍可观看课程视频和图文,但不再享受问答和作业批改等服务。

CSS3 实战 CSS3 实战 CSS3 实战

Web前端2D/3D特效开发实战

主讲:王士强

本课程主要讲解了如何使用CSS 2D、动画和过渡制作样式更加丰富的动态网页,如何使用CSS 3D制作高大上的图片展示效果、Canvas画布制作多啦A梦等内容,以此提升用户的CSS 2D/3D、Canvas实现动画效果。

第 1 部分 Web 前端 2D/3D 特效开发实战课程概要 5 分钟

第 1 节 Web 前端 2D/3D 特效开发实战课程概要 5 分钟
Web 前端 2D/3D 特效开发实战课程概要

第 2 部分 CSS3 中 2D 变换、动画和过渡效果 145 分钟

第 1 节 CSS3 中的取值和单位 30 分钟
CSS3 中的取值和单位
丰田汽车足球名人堂实战 - 加入 CSS3 取值和单位的特性
第 2 节 CSS3 中 2D 变换之 transform 45 分钟
CSS3 中的 2D 变换
丰田汽车足球名人堂实战 - 加入 2D 变换的特性
第 3 节 CSS3 动画之 animation 40 分钟
CSS3 中的动画
丰田汽车足球名人堂实战 - 加入动画的特效
第 4 节 CSS3 过渡效果之 transition 30 分钟
CSS3 中的过渡效果
丰田汽车足球名人堂实战 - 加入过渡的特性
作业:导航菜单特效开发
导航菜单特效开发
作业:雪花飘落动画特效
雪花飘落动画特效

第 3 部分 使用 CSS3 中 3D 变换制作图片展示效果 30 分钟

第 1 节 CSS3 中 3D 变换效果 30 分钟
CSS3 中 3D 变换效果概述
制作高大上的图片展示效果
作业:制作 3D 魔方
制作 3D 魔方

第 4 部分 使用 Canvas 画布制作哆啦A梦 50 分钟

第 1 节 画布 Canvas 和 Cocos2d 简介 50 分钟
Canvas 简介
使用 Canvas 制作哆啦A梦
Cocos2d 简介
作业:基于 Canvas 绘制时钟
基于 Canvas 绘制时钟

学员服务

  • 作业批改
  • 有问必答

主讲老师

  • 王士强

    极客学院布道师

    曾在艺龙旅行网、中国移动飞信、猎聘网等企业任职,现任银客集团理财事业部前端负责人,经历了Web 2.0时代和移动互联网时代的潮流变迁,带领团队开发多个项目,特别是在前端应用插件库和Node.js工具模块的开发上,经验丰富,建树颇丰。