vue內建動畫css引數理解

2021-09-26 21:02:29 字數 754 閱讀 1857

vue官網提供了幾種動畫設定字段分別是:

animation:活潑;

transition:過渡

transform:改變

translate:轉化

animation暫時還沒用過?。到時候再補充~

transition則是設定該動畫某些屬性或全部屬性的過渡時間

例如:

// 這個代表的是設定所有屬性過渡時間 

transition: all 0.5s;

// 這個代表的是設定寬度屬性過渡時間

transition: width 0.5s;

直接在class中進行動態更改屬性時則會實現動畫效果

transform是vue提供的內建動畫 它接收以下引數

// 自身旋轉

rotate(0deg);

// 內中心縮放(引數在0 - n之間) 0代表縮放至消失 可無窮大吧

scale(0);

// 內中心x軸縮放 引數同上道理

scalex(0);

// 內中心y軸縮放 引數同上道理

scaley(0);

// 整體x軸移動 (引數接收px)

translatex(0px);

// 整體y軸移動 (引數接收px)

translatey(0px);

內容會逐步補充

菜鳥學習記錄 - 有不足歡迎補充,求親噴哈哈?

backlog引數理解

listen函式把乙個由socket函式建立的套接字轉換成乙個被動套接字,指示核心接受指向該套接字的連線請求。該套接字也由closed狀態轉換到listen狀態。函式原型 include int listen int sockfd,int backlog 成功返回0,失敗返回 1。listen之後核...

電感引數理解

1.電感的q值 電感的q值,也叫做電感的品質因素,是衡量電感器件的主要引數。指電感器在某一頻率的交流電壓工作下,所呈現的感抗與其等效損耗電阻之比。電感器的q值越高,損耗越小,效率越高。電感的q值與線圈導線的直流電阻 線圈骨架的介質損耗及鐵心 遮蔽罩等引起的損耗等有關。2.電感q值的換算 1 q 2p...

Python引數理解

def power x x 必選引數 return x 2def power x,n 2 n 預設引數 return x n即傳入的引數個數是可變的 def calc numbers numbers 可變引數 print numbers sum 0 for n in numbers sum sum ...