transition屬性:
1、property:檢索火設(shè)置對(duì)象中的參與過(guò)渡屬性(all,transform...)
2、duration:過(guò)渡動(dòng)畫(huà)的持續(xù)時(shí)間
3、timing-function:檢索火設(shè)置對(duì)象中過(guò)渡的動(dòng)畫(huà)類(lèi)型
4、delay:檢索或設(shè)置對(duì)象延遲過(guò)渡的時(shí)間
-- transition: property duration timing-function delay;
-- transition: all 2s ease-in 1s;
1、property:檢索火設(shè)置對(duì)象中的參與過(guò)渡屬性(all,transform...)
2、duration:過(guò)渡動(dòng)畫(huà)的持續(xù)時(shí)間
3、timing-function:檢索火設(shè)置對(duì)象中過(guò)渡的動(dòng)畫(huà)類(lèi)型
4、delay:檢索或設(shè)置對(duì)象延遲過(guò)渡的時(shí)間
-- transition: property duration timing-function delay;
-- transition: all 2s ease-in 1s;
2015-08-25
transform屬性:
1、translate(水平)-- transform:translate(10px,10px);
2、rotate(旋轉(zhuǎn))-- transform:rotate(90deg);
3、scale(縮放)-- transform:scale(0.5,,0.5);
4、skew(縮放)-- transform:skew(50deg,,0deg);
1、translate(水平)-- transform:translate(10px,10px);
2、rotate(旋轉(zhuǎn))-- transform:rotate(90deg);
3、scale(縮放)-- transform:scale(0.5,,0.5);
4、skew(縮放)-- transform:skew(50deg,,0deg);
2015-08-25