9、頂部水波紋Frame - 部落格界面改造文章(202203)

       此文寫的是部落格頂部展示欄的水波紋效果。

       這個效果也是由CSS和JS組成，實際請看部落格頂部的展示欄效果。

JS腳本：

​

       這個是JS腳本，放置到HTML代碼裡，然後調用API函數進行設定：

       <div id="divTopLogo">

              <div class="full-landing-image"></div>

</div>

下面是調用API ：

       $('.full-landing-image').ripples({

        resolution: 512,

        dropRadius: 20,

        perturbance: 0.04

    });