Web前端开发第三季：CSS特效 教学风格独特，以学员视角出发设计课程，难易适度，重点突出，架构清晰，将实战经验融合到教学中。讲授技术同时传递方法。得到广大学员的高度认可。 王进 ¥99.00 立即订阅

订阅后：请点击此处观看视频课程

 

视频教程-Web前端开发第三季：CSS特效-HTML5/CSS

学习有效期：永久观看

学习时长：635分钟

学习计划：11天

难度：中

 

「[strong]口碑讲师带队学习，让你的问题不过夜」 [/strong]

讲师姓名：[strong]王进 [/strong]

IT运维总监

讲师介绍：教学风格独特，以学员视角出发设计课程，难易适度，重点突出，架构清晰，将实战经验融合到教学中。讲授技术同时传递方法。得到广大学员的高度认可。

☛点击立即跟老师学习☚

 

「你将学到什么？」

[p] 课程目标：
本季课程引入了CSS3众多功能中的新特性，让设计和开发人员能够轻松的创作出各种精美的界面效果。整合 HTML5 & CSS3 最强大效果，有的是网站开发中常用的、实用的功能，有的是先进的 Web 技术的应用演示。不管哪一种，这些案例中的技术都值得我们去探究和学习。

[/p]

课程介绍：

本季课程为CSS特效篇，着重介绍了使用CSS使用页面的特效以实现页面的美化。
内容包含：

◆ 绘制各种图形

◆ 设置容器的背景图片

◆ 实现多张背景图的拼接

◆ 实现背景色的渐变

◆ 使用阴影美化容器或者图片

◆ 实现二维空间中图像的移动、旋转、缩放倾斜等

◆ 实现三维空间中的图像的移动、旋转、缩放等

◆ 在页面中灵活使用过度的特效

◆ 在页面中使用动画的特效

◆ 使用下拉菜单等内容。

在本季课程的讲解中结合了大量的案例演示，通过案例演示可以清楚的加深对CSS常见数据的理解， 学习的过程中，一定要动手实战，这样才能真正的领悟到CSS特效的使用细节

以下为课程项目展示：

 

「课程学习目录」

第1章： 初识CSS特效

1.认识CSS特效

2. Emmet语法规则

3.演示：图像透明度

4.演示：图像标题

第2章：响应式菜单

1.初识响应式菜单

2.演示：页脚二维码

3.演示：小米首页横向导航栏特效01

4.演示：小米首页横向导航栏特效02

5.演示：小米首页纵向导航栏特效01

6.演示：小米首页纵向导航栏特效02

第3章：CSS绘图基础

1. 圆角边框

2.圆

3.演示：图片展示

4.演示：制作优惠卷

5.演示：图标特效

6.椭圆

7.梯形

8.三角形

9.演示：画八卦图

第4章：背景和阴影

1.图片边框

2.图片背景

3.背景颜色的线性渐变

4.线性渐变的角度和重复

5.径向渐变的基本使用

6.径向渐变的位置和大小

7.阴影的基本使用

第5章：2D转换

1.移动-translate

2.旋转--rotate

3.放大缩小--scale

4.倾斜--skew

5.转换的合成

第6章：3D转换

1.3D转换的基本介绍

2.3D的移动--translate

3.3D的旋转--rotate

4.案例演示：立方体

5.3D的放大缩小--scale

6.案例演示：旋转木马式展示图片

第7章：过渡

1. 过渡的基本介绍

2.过渡的属性

3.案例演示：图片特效

4.案例演示：图标变名称

第8章： 动画

1.动画的基本介绍

2. 动画的属性

3.案例演示：旋转的边框

4.案例演示：旋转的立方体

第9章：第三季课程总结

1.CSS特效篇课程总结

 

「[strong]7项超值权益，保障学习质量」 [/strong]

• 大咖讲解

技术专家系统讲解传授编程思路与实战。

• 答疑服务

专属社群随时沟通与讲师答疑，扫清学习障碍，自学编程不再难。

• 课程资料+课件

超实用资料，覆盖核心知识，关键编程技能，方便练习巩固。（部分讲师考虑到版权问题，暂未上传附件，敬请谅解）

• 常用开发实战

企业常见开发实战案例，带你掌握Python在工作中的不同运用场景。

• 大牛技术大会视频

2019Python开发者大会视频免费观看，送你一个近距离感受互联网大佬的机会。

• APP+PC随时随地学习

满足不同场景，开发编程语言系统学习需求，不受空间、地域限制。

 

「什么样的技术人适合学习？」

• 想进入互联网技术行业，但是面对多门编程语言不知如何选择，0基础的你
• 掌握开发、编程技术单一、冷门，迫切希望能够转型的你
• 想进入大厂，但是编程经验不够丰富，没有竞争力，程序员找工作难。

 

「悉心打造精品好课，[strong]11天学到大牛3年项目经验」 [/strong]

【完善的技术体系】

技术成长循序渐进，帮助用户轻松掌握

掌握HTML5/CSS知识，扎实编码能力

【清晰的课程脉络】

浓缩大牛多年经验，全方位构建出系统化的技术知识脉络，同时注重实战操作。

【仿佛在大厂实习般的课程设计】

课程内容全面提升技术能力，系统学习大厂技术方法论，可复用在日后工作中。

 

「你可以收获什么？」

引入了CSS3众多功能中的新特性，让设计和开发人员能够轻松的创作出各种精美的界面效果

整合 HTML5 & CSS3 最强大效果，有的是网站开发中常用的、实用的功能，有的是先进的 Web 技术的应用演示

课程为CSS特效篇，着重介绍了使用CSS使用页面的特效以实现页面的美化

在本季课程的讲解中结合了大量的案例演示，通过案例演示可以清楚的加深对CSS常见数据的理解

 

订阅课程 开始学习