本節簡介:講解css3的圓角、陰影、旋轉、縮放、以及速率等屬性值
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
shadow X軸偏移,Y軸偏移, 模糊的范圍, 陰影的擴展, 陰影的顏色, 內陰影
box-shadow:0px 0px 20px 5px rgba(0,0,0,0.8);
box-shadow:x 軸偏移 y軸偏移 模糊的范圍 陰影的擴展 陰影的顏色 內陰影
transform :旋轉rotate(數deg) 縮放 scale(x軸,y軸)
cs3陰影制作:box-shadow:x軸偏移 Y軸 模糊的范圍 陰影的擴展 陰影的顏色 內陰影
box-shadow: X軸偏移 Y軸偏移 模糊范圍 陰影擴展 陰影顏色 內陰影;
border-radius:屬性 圓50% 圓角5
box-shadow:X軸偏移 Y軸偏移 模糊范圍 陰影擴展 陰影顏色 內陰影
box-shadow:X軸偏移 Y軸偏移 模糊范圍 陰影擴展 陰影顏色 內陰影
transform:rotate(屬性值),如:transform:rotate(45 deg)表示將元素旋轉45度;transform:scale(屬性值),如transform:scale(1.2),表示元素的x軸和y軸都放大1.2倍
border-radius:xpx;如果要讓一個規整的圖形顯示為圓形,則設置border-radius為50%;另外也可以分別設置每個角的圓角值
box-shadow表示元素的陰影box-shadow:X軸偏移 Y軸 模糊的范圍 陰影的擴展 陰影的顏色
X軸偏移,Y軸偏移 模糊范圍,陰影的擴展,陰影的顏色,內陰影
 box-shadow盒子陰影:X軸偏移 :0pxY軸偏移:0  模糊的范圍:0   陰影的擴展:0  陰影的顏色:rgba(0,0,0,0.8)  內陰影:inset。陰影逗號之后可以加多份的,圓角border-radius:50%變圓.text-shadow文字陰影。 transform轉型:rotate旋轉、scale縮放(45deg、45度)
box-shadow:x軸 Y軸 模糊范圍 陰影擴展 陰影顏色 內陰影 border-radius:50%圓角
給父級加一個 overflow:hidden,可以讓圖像放大或縮小時不會超出 div的 范圍
讓圖像有過渡效果,應該給img加一個css,讓transform加在img標簽里,