1. <nobr id="easjo"><address id="easjo"></address></nobr>

      <track id="easjo"><source id="easjo"></source></track>
      1. 
        

      2. <bdo id="easjo"><optgroup id="easjo"></optgroup></bdo>
      3. <track id="easjo"><source id="easjo"><em id="easjo"></em></source></track><option id="easjo"><span id="easjo"><em id="easjo"></em></span></option>
          貴州做網站公司
          貴州做網站公司~專業!靠譜!
          10年網站模板開發經驗,熟悉國內外開源網站程序,包括DEDECMS,WordPress,ZBlog,Discuz! 等網站程序,可為您提供網站建設,網站克隆,仿站,網頁設計,網站制作,網站推廣優化等服務。我們專注高端營銷型網站,企業官網,集團官網,自適應網站,手機網站,網絡營銷,網站優化,網站服務器環境搭建以及托管運維等。為客戶提供一站式網站解決方案?。?!

          CSS rotate3d實例講解

          來源:互聯網轉載 時間:2024-01-29 07:47:32

          rotation3d()函數是一個內置函數,用于在3D空間中圍繞固定軸旋轉元素。

          用法:

          rotate3d( x, y, z, angle )

          參數:該函數接受上述和以下所述的四個參數:


          • x:它包含一個表示x坐標的數字。取值范圍是0?1。
          • y:它包含一個表示y坐標的數字。取值范圍是0?1。
          • z:它包含一個表示z坐標的數字。取值范圍是0?1。
          • 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()函數支持的瀏覽器:

          • 谷歌瀏覽器
          • IE瀏覽器
          • 火狐瀏覽器
          • 蘋果瀏覽器
          • Opera


          標簽:rotate3d-
          上一篇:Knative 入門系列2
          下一篇:Python調試器pdb

          網絡推廣與網站優化公司(網絡優化與推廣專家)作為數字營銷領域的核心服務提供方,其價值在于通過技術手段與策略規劃幫助企業提升線上曝光度、用戶轉化率及品牌影響力。這...

          在當今數字化時代,公司網站已成為企業展示形象、傳遞信息和開展業務的重要平臺。然而,對于許多公司來說,網站建設的價格是一個關鍵考量因素。本文將圍繞“公司網站建設價...

          在當今的數字化時代,企業網站已成為企業展示形象、吸引客戶和開展業務的重要平臺。然而,對于許多中小企業來說,高昂的網站建設費用可能會成為其發展的瓶頸。幸運的是,隨...

          錯誤代碼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最后一次刷新,決定了你的產品在下一個晚上的排名!阿里巴巴重發有什么用?讓阿里巴巴誠信通會員的商品信息獲得更好的排名...

          TOP
          国产初高中生视频在线观看|亚洲一区中文|久久亚洲欧美国产精品|黄色网站入口免费进人
          1. <nobr id="easjo"><address id="easjo"></address></nobr>

              <track id="easjo"><source id="easjo"></source></track>
              1. 
                

              2. <bdo id="easjo"><optgroup id="easjo"></optgroup></bdo>
              3. <track id="easjo"><source id="easjo"><em id="easjo"></em></source></track><option id="easjo"><span id="easjo"><em id="easjo"></em></span></option>