跟着王进老师学Web前端开发第三季:CSS特效篇—334人已学习
课程介绍
本季课程为CSS特效篇,着重介绍了使用CSS使用页面的特效以实现页面的美化。课程的讲解中结合了大量的案例演示,通过案例演示可以清楚的加深对CSS常见数据的理解, 学习的过程中,一定要动手实战,这样才能真正的领悟到CSS特效的使用细节。
课程收益
本季课程引入了CSS3众多功能中的新特性,让设计和开发人员能够轻松的创作出各种精美的界面效果。整合 HTML5 & CSS3 最强大效果,有的是网站开发中常用的、实用的功能,有的是先进的 Web 技术的应用演示。不管哪一种,这些案例中的技术都值得我们去探究和学习。
讲师介绍
王进 更多讲师课程
教学风格独特,以学员视角出发设计课程,难易适度,重点突出,架构清晰,将实战经验融合到教学中。讲授技术同时传递方法。得到广大学员的高度认可。
课程大纲
第1章: 引入第三季课程
1. 引入CSS特效篇 12:20
第2章: 绘制各种图形
1. 盒子模型和边框 14:47
2. 绘制长方形和正方形 15:09
3. 平行四边形和菱形 16:32
4. 圆角矩形 16:45
5. 圆形 19:14
6. 椭圆角矩形 14:10
7. 椭圆 17:56
8. 梯形 10:35
9. 三角形 16:32
第3章: 绘图的基本综合
1. 扇形和吃豆人 13:41
2. 两个伪类:before和after 12:14
3. 消息提示框 12:06
4. 组合成梯形 8:23
5. 心形 9:45
6. 五叶花瓣 12:45
7. 绘制八卦图 12:58
8. 为什么要学CSS绘图? 6:46
第4章: 背景
1. 图片边框 20:45
2. 图片背景常见属性 13:20
3. 演示:多张背景图 7:27
4. 颜色背景 6:54
5. 色彩线性渐变的基本使用 14:20
6. 线性渐变的角度和重复 14:01
7. 色彩径向渐变的基本使用 9:25
8. 径向渐变的位置和大小 19:32
第5章: 阴影
1. 阴影的基本使用 9:03
2. 阴影的使用案例 16:37
第6章: 2D转换
1. 2D转换的总体介绍 7:32
2. 移动--translate 14:29
3. 旋转--rotate 12:12
4. 倾斜--skew 7:42
5. 缩放--scale 12:44
6. 转换合成的方法01 4:17
7. 转换合成的方法02--matrix 13:16
第7章: 3D转换
1. 3D转换的总体介绍 10:48
2. 3D中的移动--translate 22:48
3. 3D中的旋转--rotate 14:45
4. 3D移动和旋转案例演示 22:42
5. 3D的缩放--scale3d 7:35
6. 3D转换的合并 11:11
7. 案例演示:旋转木马式展示图片 37:02
第8章: 过渡
1. 过渡的基本介绍 13:30
2. 过渡的属性 18:04
3. 过渡的案例演示 20:43
第9章: 动画
1. 动画的基本介绍 9:43
2. 动画的基本实现 20:09
3. 动画的属性 14:49
4. 动画的案例演示01 26:15
5. 动画的案例演示02 11:37
第10章: 下拉菜单
1. 演示: 纵向下拉菜单 17:04
2. 演示:制作右侧菜单 27:35
第11章: 课后练习题
1. 课后练习 5:01
大家可以点击【 查看详情】查看我的课程
课程介绍

本季课程为CSS特效篇,着重介绍了使用CSS使用页面的特效以实现页面的美化。课程的讲解中结合了大量的案例演示,通过案例演示可以清楚的加深对CSS常见数据的理解, 学习的过程中,一定要动手实战,这样才能真正的领悟到CSS特效的使用细节。
课程收益
本季课程引入了CSS3众多功能中的新特性,让设计和开发人员能够轻松的创作出各种精美的界面效果。整合 HTML5 & CSS3 最强大效果,有的是网站开发中常用的、实用的功能,有的是先进的 Web 技术的应用演示。不管哪一种,这些案例中的技术都值得我们去探究和学习。
讲师介绍
王进 更多讲师课程
教学风格独特,以学员视角出发设计课程,难易适度,重点突出,架构清晰,将实战经验融合到教学中。讲授技术同时传递方法。得到广大学员的高度认可。
课程大纲
第1章: 引入第三季课程
1. 引入CSS特效篇 12:20
第2章: 绘制各种图形
1. 盒子模型和边框 14:47
2. 绘制长方形和正方形 15:09
3. 平行四边形和菱形 16:32
4. 圆角矩形 16:45
5. 圆形 19:14
6. 椭圆角矩形 14:10
7. 椭圆 17:56
8. 梯形 10:35
9. 三角形 16:32
第3章: 绘图的基本综合
1. 扇形和吃豆人 13:41
2. 两个伪类:before和after 12:14
3. 消息提示框 12:06
4. 组合成梯形 8:23
5. 心形 9:45
6. 五叶花瓣 12:45
7. 绘制八卦图 12:58
8. 为什么要学CSS绘图? 6:46
第4章: 背景
1. 图片边框 20:45
2. 图片背景常见属性 13:20
3. 演示:多张背景图 7:27
4. 颜色背景 6:54
5. 色彩线性渐变的基本使用 14:20
6. 线性渐变的角度和重复 14:01
7. 色彩径向渐变的基本使用 9:25
8. 径向渐变的位置和大小 19:32
第5章: 阴影
1. 阴影的基本使用 9:03
2. 阴影的使用案例 16:37
第6章: 2D转换
1. 2D转换的总体介绍 7:32
2. 移动--translate 14:29
3. 旋转--rotate 12:12
4. 倾斜--skew 7:42
5. 缩放--scale 12:44
6. 转换合成的方法01 4:17
7. 转换合成的方法02--matrix 13:16
第7章: 3D转换
1. 3D转换的总体介绍 10:48
2. 3D中的移动--translate 22:48
3. 3D中的旋转--rotate 14:45
4. 3D移动和旋转案例演示 22:42
5. 3D的缩放--scale3d 7:35
6. 3D转换的合并 11:11
7. 案例演示:旋转木马式展示图片 37:02
第8章: 过渡
1. 过渡的基本介绍 13:30
2. 过渡的属性 18:04
3. 过渡的案例演示 20:43
第9章: 动画
1. 动画的基本介绍 9:43
2. 动画的基本实现 20:09
3. 动画的属性 14:49
4. 动画的案例演示01 26:15
5. 动画的案例演示02 11:37
第10章: 下拉菜单
1. 演示: 纵向下拉菜单 17:04
2. 演示:制作右侧菜单 27:35
第11章: 课后练习题
1. 课后练习 5:01
大家可以点击【 查看详情】查看我的课程