给你的博客顶部添加灯笼特效，牛气冲天

来自博客：【Harryの心阁】,原创转载请标明出处，谢谢❤

1.查看效果

2.自定义内容

1. 可自定义灯笼字体

/* 修改灯笼的字体 */
.d-box .d1::after{
    content: '牛年吉祥';}
.d-box1 .d1::after{
    content: '万事顺利';
}

2. 可自定义灯笼大小,位置

.d-box{
    position: fixed;
    width: 330px;
    /* 自定义灯笼的位置 */
    right: 0;
    top: 0;
    /* 自定义灯笼大小 */
    transform: scale(0.8);
}
.d-box1{
    position: fixed;
    width: 330px;
    /* 自定义灯笼的位置 */
    left: 0;
    top: 0;
    /* 自定义灯笼大小 */
    transform: scale(0.8);
}

3. 适配移动端，可设置隐藏，或者显示一个/调节灯笼的大小，默认一个
4. 可自定义灯笼的阴影颜色,大小

3.使用方法

1. 直接引用index.html中的body里面的内容
2. 加入dl.css,新增js
3. 第一个文件夹内的css是未使用css3box-sizing:border-box(不适配，不用看这个)
4. 将下面的链接复制到页面即可使用

• 在header标签里面加入<div class="dengl"></div>

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Rr210/Lantern@3.3/dl.css">
<script src="https://cdn.jsdelivr.net/gh/Rr210/Lantern@3.3/dl.js"></script>

4. 博客地址

• 原创Harryの心阁
• 转载请标明出处，尊重原创作者 https://u.mr90.top/posts/8914/