本节简介：讲解CSS3新增的圆角、阴影及不透明度等参数设置
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
border-radius 圆角 一个值代表4个角 2个：上下 左右 3个：上 左右 下 4个： 上 右 下 左 。box-shadow加阴影 6个参数：x轴偏移 Y轴偏移 阴影模糊半径 阴影扩展半径 阴影颜色 阴影类型 例如：box-shadow:10px 10px 5px 5px red inset 内阴影 不写inset 默认外阴影
opacity:整体变透明； rgba：所选颜色变透明
透明度opacity:0.5取值是0-1，能让元素整体透明，rgba让背景元素变透明
阴影box-shadow如：box-shadow的参数有六个，X轴偏移 Y轴偏移 阴影模糊半径 阴影扩展半径 阴影颜色 阴影类型(内阴影和外阴影）。例如：box-shadow:10px 10px 5px 5px red inset;
radius圆角：border-radius:50%变成圆形；border-radius；20px圆角矩形，值是高度的一半得出；border-radius:一个值代表四个角，两个值是上下左右，三个值时是上左右下，四个值时上右下左
pacity：所有元素透明度的意思，取值在0到1，~color：rgba（255，255，0，0.5）a代表alpha通道，表示透明度，取值在0——1之间，0.5代表半透明
box-shadow X轴 Y轴 模糊 扩展 投影颜色
border-radius：圆角属性 box-shadow：添加阴影。第一个值往后代表的意思：X轴，Y轴，模糊值，阴影颜色，加 inset代表内阴影
opacity：所有元素透明度的意思，取值在0到1，~color：rgba（255，255，0，0.5）a代表alpha通道，表示透明度，取值在0——1之间，0.5代表半透明~box-shadow：添加阴影。第一个值往后代表的意思：X轴，Y轴，模糊值，阴影颜色，加 inset代表内阴影~border-radius：一个字代表四个角，两个值代表上下 和左右， 三个字 代表 上 左右 下，四个值顺时针选~border-radius：圆角属性
color：rgba（255，255，0，0.5）a代表alpha通道，表示透明度，取值在0——1之间，0.5代表半透明
opacity：所有元素透明度的意思，取值在0到1，~color：rgba（255，255，0，0.5）a代表alpha通道，表示透明度，取值在0——1之间，0.5代表半透明~box-shadow：添加阴影。第一个值往后代表的意思：X轴，Y轴，模糊值，阴影颜色，加 inset代表内阴影~border-radius：一个字代表四个角，两个值代表上下 和左右， 三个字 代表 上 左右 下，四个值顺时针选~border-radius：圆角属性
box-shadow X轴 Y轴 模糊 扩展 投影颜色
*opacity(0.5)就可以让整个元素变为半透明的了。
*opacity(0.5)就可以让整个元素变为半透明的了。
opacity 透明，可以让所有的元素 包括自元素都变透明 RGBA 只让背景色变透明
box-shadow X轴 Y轴 模糊 扩展 投影颜色
圆角 border-radius 上下 左右 顺时针
opacity：所有元素透明度的意思，取值在0到1，~color：rgba（255，255，0，0.5）a代表alpha通道，表示透明度，取值在0——1之间，0.5代表半透明~box-shadow：添加阴影。第一个值往后代表的意思：X轴，Y轴，模糊值，阴影颜色，加 inset代表内阴影~border-radius：一个字代表四个角，两个值代表上下 和左右， 三个字 代表 上 左右 下，四个值顺时针选~border-radius：圆角属性
Photoshop
illustrator
CorelDraw
Auto Cad
3D MAX
SketchUp
After Effects
Cinema 4D
Maya
Lumion
UG
Solidworks
Pro/E
