rotation3d()函數是一個內置函數,用于在3D空間中圍繞固定軸旋轉元素。
用法:
rotate3d( x, y, z, angle )
參數:該函數接受上述和以下所述的四個參數:
以下示例說明了CSS中的rotation3d()函數:
范例1:
<!DOCTYPE html>? <html>? <head>? ????<title>CSS rotate3d() function</title>? ????<style>? ????????body { ????????????text-align:center; ????????} ????????h1 { ????????????color:green; ????????} ????????.rotate3d_image { ????????????transform:rotate3d(1, 1, 0, 60deg); ????????} ????</style>? </head>? ??<body>? ????<h1>GeeksforGeeks</h1> ????<h2>CSS rotate3d() function</h2> ????<br><br> ??????????<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 rotate3d() function</title>? ????<style>? ????????body { ????????????text-align:center; ????????} ????????h1 { ????????????color:green; ????????} ????????.GFG { ????????????font-size:35px; ????????????font-weight:bold; ????????????color:green; ????????????transform:rotate3d(1, 1, 0, 60deg); ????????} ????</style>? </head>? ??<body>? ????<h1>GeeksforGeeks</h1> ????<h2>CSS rotate3d() function</h2> ????<br><br> ??????????<p >Welcome to GeeksforGeeks</p>? </body>? </html>?????????????????????
輸出:
支持的瀏覽器:以下列出了rotate3d()函數支持的瀏覽器:
本文由 貴州做網站公司 整理發布,部分圖文來源于互聯網,如有侵權,請聯系我們刪除,謝謝!
網絡推廣與網站優化公司(網絡優化與推廣專家)作為數字營銷領域的核心服務提供方,其價值在于通過技術手段與策略規劃幫助企業提升線上曝光度、用戶轉化率及品牌影響力。這...
在當今數字化時代,公司網站已成為企業展示形象、傳遞信息和開展業務的重要平臺。然而,對于許多公司來說,網站建設的價格是一個關鍵考量因素。本文將圍繞“公司網站建設價...
在當今的數字化時代,企業網站已成為企業展示形象、吸引客戶和開展業務的重要平臺。然而,對于許多中小企業來說,高昂的網站建設費用可能會成為其發展的瓶頸。幸運的是,隨...
錯誤代碼502怎么恢復?1.移動電話網絡可能被阻止或網絡。解決方法:檢查移動網絡或WiFi網絡是否關閉,重新打開后再訪問網站。2.可能是手機瀏覽器屏蔽了你目前想瀏覽的網站。解決方法:可以嘗試換個瀏覽器再訪問(比如Chrome或者Firefox,比較常見)。3.可能是網站服務器本身出現了故障。解決方法:需要等到網站服務器恢復正常后才能再次訪問。app顯示502是什么意思?出現此提示,主要是因為當前訪...
idx文件是什么?IDX是所有的字幕文件。如果您將它們解壓縮到與電影相同的目錄中,則可以使用某些播放器(如storm video)自動讀取字幕。具體來說,流行的字幕格式分為圖形格式和文本格式。圖形字幕由IDX和子文件組成。IDX是索引文件,包括字幕出現的時間和字幕顯示的屬性。子文件是字幕文件。文本格式字幕的擴展是SRT、SMI、SSA或sub,其中SRT字幕最為流行,制作方法是一次編碼加一個字幕。...
阿里巴巴為什么要重發?因為阿里巴巴的產品排名是按照你發布的先后順序排列的,而且也和你的產品信息的新鮮度有關。一般3天再發一次。如果想短時間內再發,可以修改產品名稱。阿里巴巴每次刷新都會重新排列產品的排名。一般阿里巴巴早上8: 00第一次刷新,之后每1小時刷新不超過5分鐘,下午5: 45最后一次刷新,決定了你的產品在下一個晚上的排名!阿里巴巴重發有什么用?讓阿里巴巴誠信通會員的商品信息獲得更好的排名...