translate3d()函數是一個內置函數,用于在3D空間中重新定位元素。
用法:
translate3d( tx, ty, tz )
參數:此函數接受上述和以下所述的三個參數:
以下示例說明了CSS中的translate3d()函數:
范例1:
<!DOCTYPE html> <html> ??<head> ????<title> ??????CSS translate3d() function ??</title> ????<style> ????????body { ????????????text-align:center; ????????} ??????????????????h1 { ????????????color:green; ????????} ??????????????????.translate3d_image { ????????????transform:translate3d(100px, 0, 0); ????????} ????</style> </head> ??<body> ????<h1>GeeksforGeeks</h1> ????<h2>CSS translate3d() function</h2> ??????<h4>Original Image</h4> ????<img src= "https://media.geeksforgeeks.org/wp-content/cdn-uploads/20190710102234/download3.png"??????????alt="GeeksforGeeks logo"> ????<br> ??????<h4>Translated image</h4> ????<img ??????????src= "https://media.geeksforgeeks.org/wp-content/cdn-uploads/20190710102234/download3.png"??????????alt="GeeksforGeeks logo"> </body> ??</html>輸出:
范例2:
<!DOCTYPE html>? <html>? <head>? ????<title>CSS translate3d() function</title>? ????<style>? ????????body { ????????????text-align:center; ????????} ????????h1 { ????????????color:green; ????????} ????????.GFG { ????????????font-size:35px; ????????????font-weight:bold; ????????????color:green; ????????} ????????.geeks { ????????????transform:translate3d(100px, 20px, 0); ????????} ????</style>? </head>? ??<body>? ????<h1>GeeksforGeeks</h1> ????<h2>CSS translate3d() function</h2> ??????????<h4>Original Element</h4> ????<p >Welcome to GeeksforGeeks</p> ??????????<h4>Translated Element</h4> ????<p >Welcome to GeeksforGeeks</p>? </body>? </html>輸出:
支持的瀏覽器:以下列出了translate3d()函數支持的瀏覽器:
本文由 貴州做網站公司 整理發布，部分圖文來源于互聯網，如有侵權，請聯系我們刪除，謝謝！
網絡推廣與網站優化公司（網絡優化與推廣專家）作為數字營銷領域的核心服務提供方，其價值在于通過技術手段與策略規劃幫助企業提升線上曝光度、用戶轉化率及品牌影響力。這...
在當今數字化時代，公司網站已成為企業展示形象、傳遞信息和開展業務的重要平臺。然而，對于許多公司來說，網站建設的價格是一個關鍵考量因素。本文將圍繞“公司網站建設價...
在當今的數字化時代，企業網站已成為企業展示形象、吸引客戶和開展業務的重要平臺。然而，對于許多中小企業來說，高昂的網站建設費用可能會成為其發展的瓶頸。幸運的是，隨...
“老兵不死，只是凋零”這句話什么意思，或者說怎么理解？“老兵不死，只會凋零?！庇⑿劢K將老去，但人們會永遠記住英雄們在他們那個時代的偉大事跡，但當他們老去的時候，人們會逐漸忘記他們“老兵永遠不會死，他們只會悄然消失”是麥克阿瑟的名言，也是全世界老兵的共同心聲。無論是哪個國家的老兵，聽到這句極具感染力的話，都會有無比的感觸“老兵不死，只是漸凋零?！钡木唧w意思是什么？老戰士永遠不會死，他們只是逐漸消失。...
誰有《杯子》的歌詞？杯子(原版《失去的美麗》)詞：阿沁，我的奉獻不會因為杯子而停止。他會陪著我，堅持他用我填滿我的心，不管你們的愛會止于何處。我曾想默默守護你的天使，細心擦拭杯子的影子。在你最喜歡的果汁周圍等不到我最喜歡的影子的時候，我總是那么容易迷路。我沒有找到時間慢慢停下來，習慣了用你喝的杯子仿佛能感覺到你的手指在撫摸他。指紋交織著你愛我的方式，手掌環繞著你最愛的汁液，我等不及我最愛的影子。我...
myeclipse 2013如何破解注冊？這樣，注冊碼和激活碼都會生成用戶名和注冊碼，以便在MyEclipse中注冊，然后激活它。選擇使用激活碼激活，將激活碼粘貼到注冊機中，并確認MyEclipse已激活。進入注冊的方式是：window---preferences---MyEclipse---subscription。我希望它能幫助你...
免責聲明：本站內容部分文字和圖片來源于網絡，版權屬于原作者所有，若有冒犯，請聯系我們進行刪除，謝謝。聯系郵箱：1051388971#qq.com （把#換成@）