溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了Css3中的transform漸變屬性怎么用，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。
translate()素從其當前位置移動，根據給定的 left（x 坐標） 和 top（y 坐標）
translate(x,y)定義2d轉換 xy為數字 x正為右 負為左 y正為下 負為上
translate3d(x,y,z)定義3D轉換
scale()方法，元素的尺寸會增加或減少，根據給定的寬度（X 軸）和高度（Y 軸）參數
scale(x,y)定義2D轉換 x y 為倍數
scale(2,4)把寬度轉換為原始尺寸的 2 倍，把高度轉換為原始高度的 4 倍
rotate()方法 素順時針旋轉給定的角度。允許負值，元素將逆時針旋轉
rotate(30deg)表示旋轉30度
matrix()方法
skew(x-angle,y-angle)定義 2D 傾斜轉換，沿著 X 和 Y 軸。
transition過渡屬性transition-property 屬性規定應用過渡效果的 CSS 屬性的名稱 比如：width
transition-property: none|all|property;
transition-duration屬性規定完成過渡效果需要花費的時間（以秒或毫秒計）。
transition-timing-function屬性規定過渡效果的速度曲線。
transition-timing-function: linear|ease|ease-in|ease-out|ease-in-out|cubic-
bezier(n,n,n,n); ease：規定慢速開始，然后變快
transition-delay 屬性規定過渡效果何時開始。
例子：
div
{width:100px;
height:100px;
background:blue;
transition:width 2s;
-moz-transition:width 2s; /* Firefox 4 */
-webkit-transition:width 2s; /* Safari and Chrome */
-o-transition:width 2s; /* Opera */
}
div:hover
{
width:300px;
}
感謝你能夠認真閱讀完這篇文章，希望小編分享的“Css3中的transform漸變屬性怎么用”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，更多相關知識等著你來學習!
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
