博客園背景樣式修改

先看總體效果canvas

 

 

要實現這個背景效果的代碼code

<script src="https://files.cnblogs.com/files/siwuxie095/canvas-nest.min.js"></script>    
<canvasid="c_n9"width="1920"height="990"style="position: fixed; top: 0px; left: 0px; z-index: -1; count="150";opacity: 0.5; color="0,0,255""></canvas>

博客園默認是沒法修改js代碼的,須要去申請js權限(躺坑建議:注意申請的語氣要誠懇,而且博客園已經寫有幾篇博客)blog

申請位置:博客園管理===>設置====>申請js權限ip

修改代碼位置:博客園管理===>設置===>頁首Html代碼下插入標籤,保存便可ci

參數介紹:博客

  • color: 線條顏色,默認:‘0,0,0’;三個數字分別爲(R,G,B),注意使用,分割
  • opacity: 線條透明度0~1,默認0.5
  • count: 線條總數量,默認150
  • zIndex: 元素圖層屬性,於浮動,定位中使用,修改zindex的值大小,能夠避免當全部圖層都浮動時,出現想要在上面的層被覆蓋的狀況時,適時控制所在層的位置,默認-1

後續樣式持續更新。。。。。。。。。it

相關文章
相關標籤/搜索