vue的過(guò)渡動(dòng)畫(huà)可以不通過(guò)showif觸發(fā)嗎？怎么做？可以根據(jù)CSS3動(dòng)畫(huà)的總體思路來(lái)實(shí)現(xiàn)。在常駐類(lèi)中定義轉(zhuǎn)換屬性和初始CSS動(dòng)畫(huà)屬性，例如?；脽羝庉嬁?。然后在新的臨時(shí)類(lèi)上定義動(dòng)畫(huà)觸發(fā)后的CSS屬性

vue的過(guò)渡動(dòng)畫(huà)可以不通過(guò)showif觸發(fā)嗎？怎么做？

可以根據(jù)CSS3動(dòng)畫(huà)的總體思路來(lái)實(shí)現(xiàn)。

在常駐類(lèi)中定義轉(zhuǎn)換屬性和初始CSS動(dòng)畫(huà)屬性，例如。幻燈片編輯框。

然后在新的臨時(shí)類(lèi)上定義動(dòng)畫(huà)觸發(fā)后的CSS屬性，例如?；脽羝庉嬁騽?dòng)畫(huà)。

然后使用方法綁定BTN，將類(lèi)添加到動(dòng)畫(huà)dom。

data（）{

return{

類(lèi)：“”

}

}，

方法：{

anime（）{這個(gè)班級(jí)=“幻燈片編輯框動(dòng)畫(huà)”

}

作為一個(gè)工作多年的前端開(kāi)發(fā)人員，讓我來(lái)回答這個(gè)問(wèn)題。

首先要注意的是，CSS動(dòng)畫(huà)無(wú)法導(dǎo)出。Webgl是唯一一個(gè)可以直接從web導(dǎo)出動(dòng)畫(huà)模型的。

隨著HTML5和CSS3的普及。傳統(tǒng)的DOM動(dòng)畫(huà)不再依賴(lài)JS，CSS3為我們提供了兩種動(dòng)畫(huà)制作方法。

我們只需要向要移動(dòng)的元素添加一個(gè)過(guò)渡屬性、設(shè)置時(shí)間、運(yùn)動(dòng)模式、運(yùn)動(dòng)屬性、延遲時(shí)間等。當(dāng)我們更改其CSS屬性時(shí)，我們將啟用當(dāng)前設(shè)置的動(dòng)畫(huà)。缺點(diǎn)是動(dòng)畫(huà)形式相對(duì)單一，優(yōu)點(diǎn)是設(shè)置相對(duì)容易。

動(dòng)畫(huà).css

它提供了大量的動(dòng)畫(huà)，我們可以根據(jù)自己的需要選擇一個(gè)，希望我的回答能對(duì)您有所幫助^_^