一、過渡屬性 transition
1. transition-property：設定參與過渡的屬性。屬性值可以設定乙個或者多個屬性。
2.transition-duration： 設定過渡時間
3. transition-delay：設定延遲過渡時間
4. transition-timing-function:設定過渡的動畫型別 如下
linear 勻速
ease 預設值：逐漸慢下來
ease-in 加速
ease-out 減速
ease-in-out 先加速再減速
複合式寫法：transition:2s linear 1s all
使用過渡時間和延遲時間的順序不能互換，
2s是過渡時間 1s是延遲過渡時間
過渡時間一般是寫給元素的初始狀態裡。
2d的功能函式
1.2d位移 translate()
可分為 ：x軸和y軸
當屬性值為正值時，是向右或者向下移動，為負值時，是向左或者向上移動。
屬性值可以用px 也可以用%
2.2d縮放 scale()
屬性值不需要加單位 0—1是縮小的效果，大於1是放大的效果。
scale（值1） 水平和垂直
scale（值1）（值2） 值1是水平方向 值2是垂直的方向
x軸是水平方向縮放比例
y軸是垂直方向縮放比例
3.2d旋轉 rotate（）
屬性值單位是度（deg）
只能放乙個屬性值，正值為順時針，負值為逆時針。
rotate() 中心點旋轉
rotatex（） x軸旋轉
rotate y（） y軸旋轉
4.2d傾斜 skew（）
屬性值單位是度(deg) 屬性值為正值：向左或者向上傾斜 為負值：向右或者向下傾斜
skew(值1) 沿x軸傾斜
skew（值1，值2）值1為x軸
值2為y軸
skewx() 沿x軸
skewy() 沿y軸
5.原點設定屬性 transform-origin
為值1和值2分別是 ： 水平和垂直
6.backface-visibility: 隱藏被旋轉的div元素的背面
backface-visibility:visible 可見
backface-visibility:hidden 不可見
CSS學習筆記 過渡模組
一 過渡模組 transition 必須要有屬性發生改變 1.告訴系統哪個屬性需要執行過渡效果 transition property 屬性名稱 2.告訴系統過渡效果持續的時長 transition duration 時間 s 注意點 1.層疊樣式列表會發生層疊，所以相同的屬性不能寫在後面 2.個屬...
css過渡transition屬性
一 css3 過渡 一 css3過渡簡介 css3過渡是元素從一種樣式逐漸改變為另一種的效果。實現過渡效果的兩個要件 定義動畫的規則 過渡transition 作用 將元素的某個屬性從 乙個值 在指定的時間內過渡到 另乙個值 二 transition屬性 語法 transition timing f...
Web前端學習筆記 過渡
過渡 transition 1 通過過渡可以指定乙個屬性發生變化時的切換方式。2 通過過渡可以建立一些非常好的效果，提公升使用者的體驗。3 過渡的屬性值 transition property 指定要執行過渡的屬性，大部分屬性都支援過渡效果 如寬度 高度 顏色等可以計算數值的屬性 注意過渡時必須是從...