特效默认手机端不显示，需要查看效果的请使用电脑端查看
灯笼样式（1）
代码如下：
1
2
3
|
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/ooahz/hexo@latest/css/lantern.css">
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
| <div class="deng-box">
<div class="deng">
<div class="xian"></div>
<div class="deng-a">
<div class="deng-b">
<div class="deng-t">喜迎</div>
</div>
</div>
<div class="shui shui-a">
<div class="shui-c"></div>
<div class="shui-b"></div>
</div>
</div>
</div>
<div class="deng-box1">
<div class="deng">
<div class="xian"></div>
<div class="deng-a">
<div class="deng-b">
<div class="deng-t">新春</div>
</div>
</div>
<div class="shui shui-a">
<div class="shui-c"></div>
<div class="shui-b"></div>
</div>
</div>
</div>
|
灯笼样式（2）
1
| <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/ooahz/hexo@latest/css/redLantern.css">
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
| <div class="dengl">
<div class="d-box">
<div class="d1"><span></span><span>
<p></p>
</span>
<ul>
<li></li>
<li> </li>
<li><span></span></li>
<li> </li>
<li> </li>
</ul>
</div>
<div class="d2"><span></span><span>
<p></p>
</span>
<ul>
<li></li>
<li> </li>
<li><span></span></li>
<li> </li>
<li> </li>
</ul>
</div>
</div>
<div class="d-box1">
<div class="d1"><span></span><span>
<p></p>
</span>
<ul>
<li></li>
<li> </li>
<li><span></span></li>
<li> </li>
<li> </li>
</ul>
</div>
<div class="d2"><span></span><span>
<p></p>
</span>
<ul>
<li></li>
<li> </li>
<li><span></span></li>
<li> </li>
<li> </li>
</ul>
</div>
</div>
</div>
|
飘雪特效
添加如下代码：
1
2
3
|
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/ooahz/hexo@latest/css/snow.css">
|
1
| <script src="https://cdn.jsdelivr.net/gh/ooahz/hexo@latest/js/snow.js"></script>
|
1
| <canvas id="Snow"></canvas>
|
微信
支付宝
