先直接看效果吧,仍是挺有趣的javascript
(來自官網上的一張圖)css
使用食用java
先良心安利js寫的動畫庫。其原理就是基於 HTML5 新特性 canvas,渲染的動畫效果。有興趣能夠訪問一下:動畫庫原地址,裏面有使用方法的詳細介紹,這裏不贅述了。git
首先下載其中的canvas-nest.js,而後上傳到博客園後臺的文件,獲得一個連接github
而後在博客園-->設置-->頁首Html代碼下,插入如下標籤canvas
1 <!-- 背景動畫 --> 2 <script type="text/javascript" color="0,0,255" opacity='0.7' zIndex="-2" count="99" src="https://files.cnblogs.com/files/lfri/canvas-nest.js"></script>
參考連接:https://dunwu.github.io/blog/2017/11/13/others/cnblog/動畫