CSS做圖片切換效果

來源:生活大全幫 2.65W

CSS做圖片切換效果

本篇經驗主要講述如何使用CSS做圖片切換效果。

工具/原料HBuilder電腦HTML1

建立div,並在其中插入四張圖片。

CSS1

頁面進行一個基本的設置。

2

對div進行一個基本的設置,使之出現滾動條。

3

將第二,三,四張照片的透明度設置為0.

4

建立圖片切換動畫的動畫幀。動畫開始時,圖片透明度為1,動畫單次進行結束後,透明度為2.

5

對每張圖片進行動畫設置。

6

設置每張圖片的顯示時間。

7

這是圖片切換時的效果。

熱門標籤