HTML+CSS3 關鍵幀設置圖片動畫

這個案例是利用關鍵幀來設置背景圖片的動畫效果,通過關鍵幀給外層的飛機圖片設置了旋轉的效果,以及中間部分的背景圖片的縮放與切換效果,並且的圖片切換的同時有淡入淡出效果。 效果圖: HTML部分: 在body裏面添加一個外層的大盒子,用來包裹裏面的元素,並且設置了一個類名div1。 在div1放入圓形的飛機圖片; 再設置一個div,要與上面的圖片是平級關係。 HTML代碼: CSS部分: 設置div1
相關文章
相關標籤/搜索