扫码下载「CSDN程序员学院APP」,1000+技术好课免费看
APP订阅课程,领取优惠,最少立减5元 ↓↓↓
订阅后:请点击此处观看视频课程
视频教程-跟着王进老师学Web前端开发第三季:CSS特效篇-HTML5/CSS
学习有效期:永久观看
学习时长:758分钟
学习计划:13天
难度:中
「口碑讲师带队学习,让你的问题不过夜」
讲师姓名:王进
IT运维总监
讲师介绍:教学风格独特,以学员视角出发设计课程,难易适度,重点突出,架构清晰,将实战经验融合到教学中。讲授技术同时传递方法。得到广大学员的高度认可。
☛点击立即跟老师学习☚
「你将学到什么?」
本季课程为CSS特效篇,着重介绍了使用CSS使用页面的特效以实现页面的美化。课程的讲解中结合了大量的案例演示,通过案例演示可以清楚的加深对CSS常见数据的理解, 学习的过程中,一定要动手实战,这样才能真正的领悟到CSS特效的使用细节。
「课程学习目录」
第1章: 引入第三季课程 |
1.引入CSS特效篇 |
第2章: 绘制各种图形 |
1.盒子模型和边框 |
2.绘制长方形和正方形 |
3.平行四边形和菱形 |
4.圆角矩形 |
5.圆形 |
6.椭圆角矩形 |
7.椭圆 |
8.梯形 |
9.三角形 |
第3章: 绘图的基本综合 |
1.扇形和吃豆人 |
2.两个伪类:before和after |
3.消息提示框 |
4.组合成梯形 |
5.心形 |
6.五叶花瓣 |
7.绘制八卦图 |
8.为什么要学CSS绘图? |
第4章: 背景 |
1.图片边框 |
2.图片背景常见属性 |
3.演示:多张背景图 |
4.颜色背景 |
5.色彩线性渐变的基本使用 |
6.线性渐变的角度和重复 |
7.色彩径向渐变的基本使用 |
8.径向渐变的位置和大小 |
第5章: 阴影 |
1.阴影的基本使用 |
2.阴影的使用案例 |
第6章: 2D转换 |
1.2D转换的总体介绍 |
2.移动--translate |
3.旋转--rotate |
4.倾斜--skew |
5.缩放--scale |
6.转换合成的方法01 |
7.转换合成的方法02--matrix |
第7章: 3D转换 |
1.3D转换的总体介绍 |
2.3D中的移动--translate |
3.3D中的旋转--rotate |
4.3D移动和旋转案例演示 |
5.3D的缩放--scale3d |
6.3D转换的合并 |
7.案例演示:旋转木马式展示图片 |
第8章: 过渡 |
1.过渡的基本介绍 |
2.过渡的属性 |
3.过渡的案例演示 |
第9章: 动画 |
1.动画的基本介绍 |
2.动画的基本实现 |
3.动画的属性 |
4.动画的案例演示01 |
5.动画的案例演示02 |
第10章: 下拉菜单 |
1.演示: 纵向下拉菜单 |
2.演示:制作右侧菜单 |
第11章: 课后练习题 |
1.课后练习 |
「7项超值权益,保障学习质量」
- 大咖讲解
技术专家系统讲解传授编程思路与实战。
- 答疑服务
专属社群随时沟通与讲师答疑,扫清学习障碍,自学编程不再难。
- 课程资料+课件
超实用资料,覆盖核心知识,关键编程技能,方便练习巩固。(部分讲师考虑到版权问题,暂未上传附件,敬请谅解)
- 常用开发实战
企业常见开发实战案例,带你掌握Python在工作中的不同运用场景。
- 大牛技术大会视频
2019Python开发者大会视频免费观看,送你一个近距离感受互联网大佬的机会。
- APP+PC随时随地学习
满足不同场景,开发编程语言系统学习需求,不受空间、地域限制。
「什么样的技术人适合学习?」
- 想进入互联网技术行业,但是面对多门编程语言不知如何选择,0基础的你
- 掌握开发、编程技术单一、冷门,迫切希望能够转型的你
- 想进入大厂,但是编程经验不够丰富,没有竞争力,程序员找工作难。
「悉心打造精品好课,13天学到大牛3年项目经验」
【完善的技术体系】
技术成长循序渐进,帮助用户轻松掌握
掌握HTML5/CSS知识,扎实编码能力
【清晰的课程脉络】
浓缩大牛多年经验,全方位构建出系统化的技术知识脉络,同时注重实战操作。
【仿佛在大厂实习般的课程设计】
课程内容全面提升技术能力,系统学习大厂技术方法论,可复用在日后工作中。
「你可以收获什么?」
本季课程引入了CSS3众多功能中的新特性,让设计和开发人员能够轻松的创作出各种精美的界面效果。整合 HTML5 & CSS3 最强大效果,有的是网站开发中常用的、实用的功能,有的是先进的 Web 技术的应用演示。不管哪一种,这些案例中的技术都值得我们去探究和学习。