共计 2618 个字符，预计需要花费 7 分钟才能阅读完成。
直接把下面的代码，粘贴到您网站</body>标签前面
<!--灯笼开始 -->
<div class="deng-box2">
<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-box3">
<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>
<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>
<style type="text/css">
<p> .deng-box {</p>
<p> position: fixed;</p>
<p> top: -40px;</p>
<p> right: 150px;</p>
<p> z-index: 9999;</p>
<p> pointer-events: none;</p>
<p> }</p>
<p> .deng-box1 {</p>
<p> position: fixed;</p>
<p> top: -30px;</p>
<p> right: 10px;</p>
<p> z-index: 9999;</p>
<p> pointer-events: none</p>
<p> }</p>
<p> .deng-box2 {</p>
<p> position: fixed;</p>
<p> top: -40px;</p>
<p> left: 150px;</p>
<p> z-index: 9999;</p>
<p> pointer-events: none</p>
<p> }</p>
<p> .deng-box3 {</p>
<p> position: fixed;</p>
<p> top: -30px;</p>
<p> left: 10px;</p>
<p> z-index: 9999;</p>
<p> pointer-events: none</p>
<p> }</p>
<p> .deng-box1 .deng,</p>
<p> .deng-box3 .deng {</p>
<p> position: relative;</p>
<p> width: 120px;</p>
<p> height: 90px;</p>
<p> margin: 50px;</p>
<p> background: #d8000f;</p>
<p> background: rgba(216, 0, 15, .8);</p>
<p> border-radius: 50% 50%;</p>
<p> -webkit-transform-origin: 50% -100px;</p>
<p> -webkit-animation: swing 5s infinite ease-in-out;</p>
<p> box-shadow: -5px 5px 30px 4px #fc903d</p>
<p> }</p>
<p> .deng {</p>
<p> position: relative;</p>
<p> width: 120px;</p>
<p> height: 90px;</p>
<p> margin: 50px;</p>
<p> background: #d8000f;</p>
<p> background: rgba(216, 0, 15, .8);</p>
<p> border-radius: 50% 50%;</p>
<p> -webkit-transform-origin: 50% -100px;</p>
<p> -webkit-animation: swing 3s infinite ease-in-out;</p>
<p> box-shadow: -5px 5px 50px 4px #fa6c00</p>
<p> }</p>
<p> .deng-a {</p>
<p> width: 100px;</p>
<p> height: 90px;</p>
<p> background: #d8000f;</p>
<p> background: rgba(216, 0, 15, .1);</p>
<p> margin: 12px 8px 8px 8px;</p>
<p> border-radius: 50% 50%;</p>
<p> border: 2px solid #dc8f03</p>
<p> }</p>
<p> .deng-b {</p>
<p> width: 45px;</p>
<p> height: 90px;</p>
<p> background: #d8000f;</p>
<p> background: rgba(216, 0, 15, .1);</p>
<p> margin: -4px 8px 8px 26px;</p>
<p> border-radius: 50% 50%;</p>
<p> border: 2px solid #dc8f03</p>
<p> }</p>
<p> .xian {</p>
<p> position: absolute;</p>
<p> top: -20px;</p>
<p> left: 60px;</p>
<p> width: 2px;</p>
<p> height: 20px;</p>
<p> background: #dc8f03</p>
<p> }</p>
<p> .shui-a {</p>
<p> position: relative;</p>
<p> width: 5px;</p>
<p> height: 20px;</p>
<p> margin: -5px 0 0 59px;</p>
<p> -webkit-animation: swing 4s infinite ease-in-out;</p>
<p> -webkit-transform-origin: 50% -45px;</p>
<p> background: orange;</p>
<p> border-radius: 0 0 5px 5px</p>
<p> }</p>
<p> .shui-b {</p>
<p> position: absolute;</p>
<p> top: 14px;</p>
<p> left: -2px;</p>
<p> width: 10px;</p>
<p> height: 10px;</p>
<p> background: #dc8f03;</p>
<p> border-radius: 50%</p>
<p> }</p>
<p> .shui-c {</p>
<p> position: absolute;</p>
<p> top: 18px;</p>
<p> left: -2px;</p>
<p> width: 10px;</p>
<p> height: 35px;</p>
<p> background: orange;</p>
<p> border-radius: 0 0 0 5px</p>
<p> }</p>
<p> .deng:before {</p>
<p> position: absolute;</p>
<p> top: -7px;</p>
<p> left: 29px;</p>
<p> height: 12px;</p>
<p> width: 60px;</p>
<p> content: " ";</p>
<p> display: block;</p>
<p> z-index: 999;</p>
<p> border-radius: 5px 5px 0 0;</p>
<p> border: solid 1px #dc8f03;</p>
<p> background: orange;</p>
<p> background: linear-gradient(to right, #dc8f03, orange, #dc8f03, orange, #dc8f03)</p>
<p> }</p>
<p> .deng:after {</p>
<p> position: absolute;</p>
<p> bottom: -7px;</p>
<p> left: 10px;</p>
<p> height: 12px;</p>
<p> width: 60px;</p>
<p> content: " ";</p>
<p> display: block;</p>
<p> margin-left: 20px;</p>
<p> border-radius: 0 0 5px 5px;</p>
<p> border: solid 1px #dc8f03;</p>
<p> background: orange;</p>
<p> background: linear-gradient(to right, #dc8f03, orange, #dc8f03, orange, #dc8f03)</p>
<p> }</p>
<p> .deng-t {</p>
<p> font-family: 黑体, Arial, Lucida Grande, Tahoma, sans-serif;</p>
<p> font-size: 3.2rem;</p>
<p> color: #dc8f03;</p>
<p> font-weight: 700;</p>
<p> line-height: 85px;</p>
<p> text-align: center</p>
<p> }</p>
<p> .night .deng-box,</p>
<p> .night .deng-box1,</p>
<p> .night .deng-t {</p>
<p> background: 0 0 !important</p>
<p> }</p>
<p> @-moz-keyframes swing {</p>
<p> 0% {</p>
<p> -moz-transform: rotate(-10deg)</p>
<p> }</p>
<p> 50% {</p>
<p> -moz-transform: rotate(10deg)</p>
<p> }</p>
<p> 100% {</p>
<p> -moz-transform: rotate(-10deg)</p>
<p> }</p>
<p> }</p>
<p> @-webkit-keyframes swing {</p>
<p> 0% {</p>
<p> -webkit-transform: rotate(-10deg)</p>
<p> }</p>
<p> 50% {</p>
<p> -webkit-transform: rotate(10deg)</p>
<p> }</p>
<p> 100% {</p>
<p> -webkit-transform: rotate(-10deg)</p>
<p> }</p>
<p> }</p>
</style>
<!--灯笼结束 -->
正文完
