Blog background beautification - Dynamic snow falling

Reprint:

Author:  GrayKido

Source: Source: https://www.cnblogs.com/graytido/p/10779199.html

First, you must first apply for permission to CSS

Add the following code in the page custom CSS code

 1 #Snow{
 2     position: fixed;
 3     top: 0;
 4     left: 0;
 5     width: 100%;
 6     height: 100%;
 7     z-index: 99999;
 8     background: rgba(255,255,240,0.1);
 9     pointer-events: none;
10 }

Then add the side bulletin board

<div class="Snow">
    <canvas id="Snow"></canvas>
</div>
<script src="https://files.cnblogs.com/files/cn-suqingnian/snow.js"></script>

Reprint:

Author:  GrayKido

Source: Source: https://www.cnblogs.com/graytido/p/10779199.html

First, you must first apply for permission to CSS

Add the following code in the page custom CSS code

 1 #Snow{
 2     position: fixed;
 3     top: 0;
 4     left: 0;
 5     width: 100%;
 6     height: 100%;
 7     z-index: 99999;
 8     background: rgba(255,255,240,0.1);
 9     pointer-events: none;
10 }

Then add the side bulletin board

<div class="Snow">
    <canvas id="Snow"></canvas>
</div>
<script src="https://files.cnblogs.com/files/cn-suqingnian/snow.js"></script>