本節簡介:講解css3的圓角、陰影、旋轉、縮放、以及速率等屬性值
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
做圖像,讓圖像放大是: xxx:hover img(注意是用讓圖像放大,所以定義是img)
縮放屬性:transform:scale(x)(單位默認是倍數,不用寫單位,輸入>!的值是放大,<1的是縮放)
旋轉屬性:transform:rotate(旋轉度數)(單位是)deg
文字陰影:text-shadow:其他屬性和 box-shadow 設置一樣
長方形圓弧按鈕設置 border-radius:(高度的一半)px
圓角屬性:border-radius:Xpx 如果想要正方形變成一個圓形,只需要設置 border-radius:50%
既要內陰影又要外陰影: 在 inset后面加個逗號再把前面數據復制過來, -------- inset,--------
陰影效果:box-shadow:X軸的偏移 Y軸偏移 模糊的范圍 陰影的擴展 陰影的顏色 內陰影
border-radius:50% ----- 正方形變圓形
陰影可以加多個,每一組陰影屬性值 的后面加逗號,再寫另一級陰影值即可;
box-shadow:x軸偏移 y軸偏移 模糊的范圍 陰影的擴展 陰影的顏色 內陰影
transform:rotate(45deg)旋轉45度 box-shadow:陰影
box-shadow:{X偏移 Y偏移 羽化值 陰影顏色}
transform變換;transform:rotate(45deg);旋轉45度;transform:scale(1.5);放大1.5倍;