首頁猿問一個CSS3 動畫執(zhí)行完成后的問題...

一個CSS3 動畫執(zhí)行完成后的問題...

JavaScript

繁華開滿天機 2019-04-16 20:27:19

例:在執(zhí)行完一段css3動畫后需要隱藏這個元素如何操作？也就是讓它不重復動作.使用animation參數(shù)forwards無效.注：前提是不使用jQuery情況下能做到么？

查看完整描述

2 回答

浮云間

TA貢獻1829條經(jīng)驗獲得超4個贊

這個隱藏的話可以設置opacity：0我們可以讓一個元素的默認opacity=0把動畫放到一個一個類上，然后給把這個類付給這個屬性@keyframesani{0%{opacity:1}//此處顯示轉(zhuǎn)換為1動畫結(jié)束后就會自動隱藏了，因為元素的opacity為0，應該使用display也可以，但我沒用過，因為display沒有動畫效果}