（1）作用：修改a標籤不同狀態的樣式
（2）a 標籤的四種狀態
（3）注意點
（4）練習總結
（1）基本使用
div（3）連寫
（4）彈性效果和手風琴效果的練習
（1）平移：transform：translate（x，y）；
（2）旋**transform：rotate（45deg）；
（3）縮放：transform：scale（x，y）；以1為界，大於為放大，水平垂直方向的縮放一樣時可以只寫乙個值；
（4）綜合：transform：rotate（45deg） translate（x，y） scale（x，y）；
（1）預設就是元素的中心點，可以通過設定來改變；
（2）transform-origin三種取值：畫素、百分比、關鍵字
（3）transform-origin：50% 50%；
（1）rotatex（）；rotatey（）；rotatez（）；
（2）預設繞 z 軸轉；
（1）就是近大遠小的視覺效果；
（2）perspective：500px；後面的屬性值的含義是從多遠的距離看，越近效果越明顯；
（1）盒子陰影：box-shadow：水平偏移 垂直偏移 模糊度 陰影擴充套件 顏色
（2）文字陰影：text-shadow：水平偏移 垂直偏移 模糊度 顏色
（3）翻轉選單的練習
（1）動畫與過渡的異同：
（2）動畫的三要素：
@keyframes fff｛
from
to｝/*建立動畫的第二種形式*/
@keyframes fff｛
0%50%
100%
｝
（2）animation-timing-function：動畫的速度；
（3）animation-iteration-count：動畫的迴圈次數；
（4）animation-direction：是否來回運動；
（6）animation-fill-mode：規定動畫開始或者結束時的狀態（none、backwards、forwards、both）；
（1）連寫
（2）應用
CSS動畫之過渡模組
hover偽類選擇器可以用於所有的選擇器 只有在懸停時，執行選擇器的屬性 css3中新增過渡模組 transition property 屬性 duration 過渡效果花費的時間 timing function 過渡效果的時間曲線 delay 過渡效果何時開始 簡寫 transition 過渡屬性...
CSS3的過渡 動畫 轉換
特別說明 以下屬性目前都需要加上各瀏覽器廠商字首,瀏覽器 廠商字首 瀏覽器核心 chrome safari webkit blink webkit opera o blink firefox moz gecko ie ms trident 1 過渡 transition property 指定應用過...
CSS動畫之轉換模組
2d轉換模組 注意點 1.可以類似於過渡模組一樣簡寫，但是這裡不是用逗號隔開而是用空格 2.2d的轉換模組會修改元素的座標系，所以旋轉之後的平移就不是水平平移 格式 旋 transform rotate 30deg 旋轉角度 平移 transform translate 50px,100px 平移的...