本節簡介:講解css3的圓角、陰影、旋轉、縮放、以及速率等屬性值
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
transform transform:rotate旋轉(45deg(deg代表度數)) scale范圍(放大縮?。?1.4)
shadow: X軸偏移 Y軸偏移 模糊 陰影擴展 陰影顏色 內陰影
transform transform:rotate旋轉(46deg(deg代表度數)) scale范圍(放大縮?。?1.4)
給文字加陰影:text-shadow:0 4px 10px #000000;
圓角屬性 :border-radius:40px 按比例的話做圓50%
陰影:box-shadow:x軸偏移 Y軸 模糊的范圍 陰影的擴展 陰影的顏色 內陰影(inset) 即有內陰影又有外陰影的話inset后面加個逗號,值再寫一邊
overflow:hidden:hidden; 將超出對象尺寸的內容進行裁剪,將不出現滾動條。(邊框不會縮放,對象的超出部分將會被裁剪。)
transform:scale(x,y); 表示對象縮放(分別表示x軸、y軸)
transform:rotate(45deg) 表示對象旋轉45度(deg:表示角度)
box-shadow:(圖形的陰影) 、text-shadow:(文本的陰影)
.box{width:200px;height:100px;background:red;box-shadow:x軸偏移 y軸偏移 陰影模糊的范圍 陰影的擴展 陰影的顏色 內陰影;}
transform:rotate(45deg)} 旋轉 45度 deg表示單位
scale 縮放(X軸,Y軸) ( transform 值)
transform:rotate旋轉屬性(45deg);度=deg