跟着王进老师学Web前端开发第三季:CSS特效篇-王进-专题视频课程

本教程由王进老师主讲,重点介绍如何运用CSS3新特性实现网页特效,包括图形绘制、背景设置、阴影效果等,并通过多个案例进行实战演练。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

跟着王进老师学Web前端开发第三季:CSS特效篇—334人已学习
课程介绍    
png
    本季课程为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
大家可以点击【 查看详情】查看我的课程
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值