微信小程序圓形波浪循環(huán)效果，是通過(guò)SVG可縮放矢量圖形和CSS3動(dòng)畫(huà)技術(shù)實(shí)現(xiàn)的具體來(lái)說(shuō)，是通過(guò)創(chuàng)建一個(gè)SVG的圓形路徑，然后利用CSS3的動(dòng)畫(huà)來(lái)對(duì)圓形路徑進(jìn)行填充來(lái)實(shí)現(xiàn)的在CSS3動(dòng)畫(huà)中，我們可以利用關(guān)鍵幀@keyframes來(lái)。

給你寫(xiě)了個(gè)Demo，你自己換成圖片即可，但需要HTML5的支持lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquotlthtmlltheadltstyle type=quottextcssquotdiv width 150pxheight 10pxposition。

1打開(kāi)Adobe Dreamweaver CC 20152執(zhí)行菜單欄中的quot文件的新建quot命令或按住Ctrl+N鍵打開(kāi)quot新建文檔quot對(duì)話框，選擇其文檔類(lèi)型為HTML，單擊quot創(chuàng)建quot按鈕，即創(chuàng)建一個(gè)網(wǎng)頁(yè)文檔3在ltbody和ltbody之間添加quotltformltform。