1 回答

TA貢獻(xiàn)1810條經(jīng)驗(yàn) 獲得超4個(gè)贊
如果您想將<span>元素與 animate.css 一起使用,您需要添加display:inline-block它,或者您可以更改它,<h6>如下所示。
<span>元素?zé)o法使用 animate.CSS 進(jìn)行動(dòng)畫處理。要為它們?cè)O(shè)置動(dòng)畫,您需要為它們提供顯示屬性。
function add_efect(element){
element.classList.add('animate__animated', 'animate__jello');
element.addEventListener('animationend', () => {
element.classList.remove('animate__animated', 'animate__jello');
});
}
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
/>
<h6 onmouseover="add_efect(this)">Eat</h6>
<span style='display:inline-block;' onmouseover="add_efect(this)"> Drink </span>
添加回答
舉報(bào)