這篇文章將為大家詳細(xì)講解有關(guān)translate()與rotate()方法怎么用，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

我們提供的服務(wù)有：網(wǎng)站制作、網(wǎng)站建設(shè)、微信公眾號(hào)開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、龍泉ssl等。為上千多家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的龍泉網(wǎng)站制作公司

    translate()方法

    translate()方法，根據(jù)左(X軸)和頂部(Y軸)位置給定的參數(shù)，從當(dāng)前元素位置移動(dòng)。

    實(shí)例

    div

    {

    transform:translate(50px,100px);

    -ms-transform:translate(50px,100px);/*IE9*/

    -webkit-transform:translate(50px,100px);/*SafariandChrome*/

    }

    translate值（50px，100px）是從左邊元素移動(dòng)50個(gè)像素，并從頂部移動(dòng)100像素。

    rotate()方法

    rotate()方法，在一個(gè)給定度數(shù)順時(shí)針旋轉(zhuǎn)的元素。負(fù)值是允許的，這樣是元素逆時(shí)針旋轉(zhuǎn)。

    實(shí)例

    div

    {

    transform:rotate(30deg);

    -ms-transform:rotate(30deg);/*IE9*/

    -webkit-transform:rotate(30deg);/*SafariandChrome*/

    }

關(guān)于“translate()與rotate()方法怎么用”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺得文章不錯(cuò)，請把它分享出去讓更多的人看到。