本節簡介：講解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
