1. 程式人生 > >製作一個點選後的css3動畫

製作一個點選後的css3動畫

最近做一個動畫效果比較多的頁面。感覺css3寫動畫效果比較好用。但是css的動畫如何觸發呢?

首先我們還是應該做一個css動畫


如圖所示,我們就定義了一個名字為appear的動畫。但是如果直接把class寫在標籤上,那麼標籤載入時就會執行動畫。

於是我們就需要在js的點選事件中加入這個類。

這樣就可以在點選時執行想要的動畫了!!


ps:此動畫為設定透明度顯示的動畫。這個div其實一直都在。所以要個這個div一個display:none;的屬性。等到動畫呼叫時在給display:block;這樣這個div就不會影響頁面別的地方了。