CSS3中Animation屬性的使用詳解？ 1. Translate3d（x，y，z）用于控制元素在頁面三軸位置上的位置；2。旋轉(zhuǎn)（度）用于控制元件的旋轉(zhuǎn)角度；3。傾斜[x，y]（DEG）用于傾斜。

CSS3中Animation屬性的使用詳解？

1. Translate3d（x，y，z）用于控制元素在頁面三軸位置上的位置；

2。旋轉(zhuǎn)（度）用于控制元件的旋轉(zhuǎn)角度；

3。傾斜[x，y]（DEG）用于傾斜。做過設(shè)計的人可能知道這是在2D中創(chuàng)建3D透視圖的必要屬性；

4。Scale3d（x，y，z）用于放大和縮小效果，屬性是ratio；

5，matrix3d，CSS matrix。通過這個矩陣屬性，上面所有的屬性值都被覆蓋了，但是我覺得可讀性非常差（所有的數(shù)字和單位，后面有點模糊），所以目前沒有理由推薦。

css3動畫animation是h5里的嗎？

你好，我是“網(wǎng)絡(luò)秀-提供專業(yè)的網(wǎng)絡(luò)前端技術(shù)知識”。

問題本身有一個問題。H5指的是WAP頁面還是HTML5？

但不影響答疑。

CSS3動畫可以寫入任何HTML頁面。只要瀏覽器版本與您編寫的CSS3屬性兼容，它就會生效。

1. 在HTML文件中添加CSS/CSS3

3。直接在HTML文件的標(biāo)簽上添加<div style=“any CSS/CSS3”></div>。您需要如何確定您的CSS3屬性與caniuse（）兼容的瀏覽器https://www.caniuse.com/)Query

如上圖所示，flex查詢兼容性。

喜歡我的點擊關(guān)注哦，給你提供專業(yè)的網(wǎng)站前端知識，但不只是前端哦！