在網(wǎng)站中可以通過(guò)css中的transform和transition來(lái)完成一些鼠標(biāo)劃入的動(dòng)畫效果，讓頁(yè)面具有一定的交互性，突出具體內(nèi)容。

其中transform可以使元素進(jìn)行移動(dòng)(translate)、旋轉(zhuǎn)(rotate)、縮放(scale)或傾斜(skew)，如果要同時(shí)使用多個(gè)變化要使用空格隔開例如：

transform: translate(100px, 100px) scale(1.1); 延x，y軸位移100px，同時(shí)放大1.1倍。

同時(shí)移動(dòng)，縮放和傾斜都可以設(shè)置具體的x軸或y軸，例如：

transform: translateX(100px); 延x軸位移100px，y軸不變。

transform: scaleX(1.1); 依中心點(diǎn)為基點(diǎn)延x軸放大。

同時(shí)可以使用transform-origin來(lái)改變?cè)氐幕c(diǎn)，transform進(jìn)行的rotate，translate，scale，skew，等操作都是以元素自己中心位置進(jìn)行變化，而transform-origin可以使元素基點(diǎn)不在是中心位置，以達(dá)到你需要的基點(diǎn)位置。但transform-origin不是transform的屬性，但和其他css3屬性一樣都要考慮到兼容性的問(wèn)題。

ttransition則是用來(lái)設(shè)置動(dòng)畫的完成時(shí)間和過(guò)渡方式的，也可以設(shè)置延時(shí)和具體某一個(gè)css屬性的動(dòng)畫時(shí)間。