91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

CSS3之轉換

發布時間:2020-08-03 17:25:14 來源:網絡 閱讀:385 作者:sky星辰01 欄目:web開發

一、轉換

  1.定義:改變元素在頁面的形狀、角度、大小、位置的一種效果。

  2.分類:2D轉換和3D轉換。

     2D轉換:

    (1)位移

        1-1 作用:改變元素在頁面中的位置;

        1-2 語法:屬性--transform;取值如下:

              1-2-1 translate(x):改變元素在X軸的位置。X取值為正,向右移動;X取值為負,向左移動;

              1-2-2 translate(x,y):x同上。Y取值為正,向下移動;Y取值為負,向上移動;

              1-2-3 translateX(x):只在X軸上移動;

              1-2-4 translateY(y):只在Y軸上移動;

    (2)縮放

        2-1 作用:改變元素在頁面中的大小

        2-2 語法 : 屬性--transform;取值如下:

              2-2-1:scale(value) value表示橫向和縱向等比縮放值;默認值為1,表示原始大小;>1表示放大,0~1表示縮小

             2-2-2:scale(x,y)

             2-2-3 : scaleX(x)

             2-2-4 : scaleY(y)

     (3)旋轉

         3-1 作用:改變元素在頁面上的角度,要根據轉換原點實現轉換效果

         3-2 語法:屬性--transform;取值如下:

               3-2-1 rotate(ndeg) n表示轉換角度,n為正,表示順時針旋轉,n為負,表示逆時針旋轉

        旋轉需要注意的地方:1.轉換原點;2.元素的坐標軸也隨著一同旋轉。

        先旋轉后偏移 與先偏移后旋轉  的區別

   (4)傾斜

         4-1 作用:改變元素在頁面中的形狀;

         4-2 語法:屬性transform;取值如下:

                4-2-1:skew(xdeg) 向X軸傾斜角度,相當于y軸傾斜角度。x取值為正,y軸逆時針傾斜一定角度;x取值為負,y軸順時針傾斜一定角度

                 4-2-2:skew(xdeg,ydeg) y取值為正,x軸順時針傾斜一定角度y取值為負,x軸逆時針傾斜一定角度

                4-2-3:skewX(xdeg)

               4-2-4:skewY(ydeg)         

        3D 轉換:與2D相比,多了一個Z軸

              屬性:perspective

                 作用:假定 人眼 投射平面的距離

                 注意:

                      該屬性要放在3D轉換元素的父元素上




  


向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

安国市| 清原| 乌兰察布市| 乌拉特前旗| 油尖旺区| 阳原县| 昭平县| 宕昌县| 土默特左旗| 威远县| 兴业县| 商洛市| 康乐县| 湟源县| 田东县| 容城县| 云梦县| 额尔古纳市| 类乌齐县| 自贡市| 红桥区| 喜德县| 西丰县| 固始县| 读书| 万荣县| 习水县| 和硕县| 睢宁县| 门头沟区| 应用必备| 温泉县| 曲靖市| 梓潼县| 嘉定区| 连城县| 云梦县| 铁力市| 米易县| 于都县| 建始县|