新增效果：动画-51CTO学堂-增加动画效果css

{{ interaction.likeNum == 0 ? (pageType === 'video' ? '抢首赞' : '点赞') : formatNumber(interaction.likeNum) }} {{ interaction.collectionNum == 0 ? '收藏' : formatNumber(interaction.collectionNum) }} {{ interaction.discussNum == 0 ? (pageType === 'video' ? '抢沙发' : '讨论') : formatNumber(interaction.discussNum) }}

提问 {{ interaction.noteNum > 0 ? interaction.noteNum + '篇笔记' : '记笔记' }} 离线观看

下载学堂APP

缓存视频离线看

报告问题离线观看

下载学堂APP

缓存视频离线看

课程介绍

讨论{{interaction.discussNum ? '(' + interaction.discussNum + ')' : ''}}

适合人群

有HTML/CSS基础，想学习CSS3新特性的朋友，这将是适合你的入门教程

你将会学到

零基础学习CSS3，用通俗易懂方式让你多面学习CSS3技术，适合初学者教程

零基础学习CSS3，快速入门上手
用通俗易懂的方式让你快速掌握，最适合初学者的教程
教学全程采用笔记+代码案例的形式讲解，每个知识点都有详细的讲解

课程简介

本课程是 2020年新录制，非常适合初学者的CSS3入门教学视频，多面讲解CSS3新特性，让你少走弯路，直达技术前沿！

以通俗易懂的方式多面讲解CSS3新特性，以知识讲解＋实战案例的方式帮您入门！

课程内容包括：

1.CSS3简介、CSS3新特性

2.新增选择器：结构性伪类、元素状态伪类、属性选择器等

3.新增样式：文本效果、圆角边框、box-sizing、渐变背景、盒子阴影等

4.新增效果：变形transform、过渡transition、动画animation

5.弹性布局flex详解

6.网格布局grid详解

7.多列布局column详解

8.字体、阿里矢量图标库

9.媒体查询、移动设备响应式

10.视口单位：vw、vh、vmin、vmax

11.CSS3原生变量var

教学全程采用笔记+代码案例的形式讲解，每个知识点都有详细的讲解，通俗易懂！！！

全网500万学员的选择，好评如潮，专业更值得信赖......

讲师介绍

展开更多

发布

置顶笔记

{{ item.create_time }}{{ Number(item.like_count) || '' }}回复

删除
是否确认删除?
确认
取消
{{ item.is_top == 1 ? '取消置顶' : '置顶'}}
已有置顶的讨论，是否替换已有的置顶？
确认
取消

{{ subitem.create_time }}{{ Number(subitem.like_count) || '' }}回复

删除

点击查看更多收起

发布

{{ noteHeaderTitle }} 笔记{{ hasMyNote ? '我的笔记' : '记笔记' }}

优质笔记

更新于：{{ $dayjs.formate('YYYY-MM-DD HH:mm:ss', item.last_uptime*1000) }}

公开笔记对他人可见，有机会被管理员评为“优质笔记”

{{ noteEditor.content.length }}/2000

公开笔记

保存

提问

讲师收到你的提问会尽快为你解答。若选择公开提问，可以获得更多学员的帮助。

记录时间点

记录提问时视频播放的时间点，便于后续查看

公开提问

提交