JS+CSS3波紋催眠動畫

JavaScript與CSS3實現波紋催眠動畫效果

1、 創建HTML文件即可恢復。

2、 在body標籤內編寫HTML文檔內容。

3、 一個名為circle circle--2的圓形元素，帶有特殊字符低祝倘，用於網頁裝飾或佈局。

4、 薪碼對應一個圓形標識，位於第三個位置，樣式為 circle--3 的類名顯示。

5、 編寫CSS樣式代碼

6、 編寫JavaScript代碼

7、 }

8、 );

9、 }

10、 }

11、 在Adobe Dreamweaver中點擊設計視圖，可預覽頁面效果，此時僅顯示各標籤間的默認間距與基本佈局，尚未呈現特殊樣式。

12、 按下F12鍵將彈出提示消息框。

13、 用瀏覽器打開已保存的網頁。

14、 查看效果如何