css3中translate的用法是什么

css中translate用于定義元素的平移轉換，可與transform屬性配合使用，語法為“transform:translate(x,y)”；translate()函數中“x”定義元素在x軸的平移距離，“y”定義元素在y軸的平移距離。
隆德網站制作公司哪家好，找成都創(chuàng)新互聯公司！從網頁設計、網站建設、微信開發(fā)、APP開發(fā)、響應式網站等網站項目制作，到程序開發(fā)，運營維護。成都創(chuàng)新互聯公司于2013年開始到現在10年的時間，我們擁有了豐富的建站經驗和運維經驗，來保證我們的工作的順利進行。專注于網站建設就選成都創(chuàng)新互聯公司。

本教程操作環(huán)境：windows10系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

在css中translate用于定義元素的平移轉換，translate()函數可以和transform屬性配合使用，來對元素進行平移操作。

語法為：

transform:translate(x,y)

示例如下：

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title><style> .img1{transform:translate(0,100px);}</style></head><body><img src="1118.02.png" class="img1"><img src="1118.02.png" class="img2"></body></html>

輸出結果：

（學習視頻分享：css視頻教程）

當前題目：css3中translate的用法是什么
分享URL：http://jinyejixie.com/article46/choieg.html

成都網站建設公司_創(chuàng)新互聯，為您提供網站內鏈、企業(yè)網站制作、品牌網站制作、做網站、軟件開發(fā)、品牌網站設計

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創(chuàng)新互聯

猜你還喜歡下面的內容

成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

css3中translate的用法是什么