動畫過度 transition
在我們規定的時間內,從乙個值變化到另外乙個值.
並非所有屬性都支援過度,通常尺寸、顏色、透明度都支援
盒子變形 transform
skew 傾斜取值:角度deg,角度可以是正值也可以是負值(傾斜方向)
例:skew(-45deg)
scale 縮放比例1:不變
小於1:縮小
大於1:放大
rotate 旋轉translate 設定移動的偏移量rotatez 以z軸進行旋轉,正值順時針,負值逆時針
rotatex 以x進行旋轉
rotate 取值:0開始
書寫格式:transform:translate(x軸,y軸);設定旋轉的中心點 transform-origin
預設值是當前元素的中心點x軸偏移量
y軸偏移量
this簡單認識
this 在函式中簡單的說,this的指向存在於函式呼叫的時候決定的,誰呼叫了這函式 函式中的this就指向誰 例如 1 普通的呼叫函式的時候 fn window2 物件呼叫 var obj obj.f fn obj.f this obj3 定時器呼叫 因為fn不是我們自己手寫 呼叫的 底層是win...
屬性動畫的初步認識
objectanimator的onfloat方法,四個基本引數,也可以是多個 設定屬性動畫的view 要設定的屬性 rotationx scalex alpha 該屬性的初始值 該屬性的完成值 恢復初始值 如果想同時改變多個屬性,propertyvaluesholder的onfloat方法,三個基本...
認識css3動畫
動畫是使元素從一種樣式逐漸變化為另一種樣式的效果。您可以改變任意多的樣式任意多的次數。0 是動畫的開始,100 是動畫的完成。為了得到最佳的瀏覽器支援,您應該始終定義 0 和 100 選擇器。box from to 寫法 keyframes myfirst to keyframes myfirst ...