1、transform
該屬性對元素進行旋轉、縮放、移動和傾斜
translate元素從當前位置移動
rotate元素順時針旋轉
scale元素的尺寸增大或減小
skew元素翻轉
2、transition
元素從一種樣式逐漸變為另一種,該屬性一般加載鼠標懸浮時的效果,鼠標移出時會逐漸變為原來的樣式
第一個參數transition-property表示css屬性的名稱
第二個參數transition-duration表示過渡效果需要的時間
第三個參數transition-timing-function表示效果的速度曲線
第四個參數transition-delay表示過渡效果開始的時間
它時animation的簡化版本,只能設置兩幀即開始和結尾
3、animation
創建動畫效果,從一個狀態變為另一個狀態,只有css屬性值為數字值時才可以創建動畫效果
animation(styles,option)
styles:表示產生動畫效果的css樣式,css樣式要使用駝峰式(如font-size要用fontSize),option表示動畫的額外效果
option包含的值
speed:動畫的值
easing: