网站两个大灯笼挺好看的 代码如下也可以放 - Assbbs
网站两个大灯笼挺好看的 代码如下也可以放到自己的博客或者网站上： <meta charset="utf-8"> <div class="deng-box2"> <div class="deng"> <div class="xian"> </div><div class="deng-a">…
网站两个大灯笼挺好看的 代码如下也可以放到自己的博客或者网站上： <meta charset="utf-8"> <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"> .deng-box{position:fixed;top:-40px;right:150px;z-index:9999;pointer-events:none;} .deng-box1{position:fixed;top:-30px;right:10px;z-index:9999;pointer-events:none} .deng-box2{position:fixed;top:-40px;left:150px;z-index:9999;pointer-events:none} .deng-box3{position:fixed;top:-30px;left:10px;z-index:9999;pointer-events:none} .deng-box1 .deng,.deng-box3 .deng{position:relative;width:120px;height:90px;margin:50px;background: d8000f;background:rgba 216,0,15,.8 ;border-radius:50% 50%;-webkit-transform-origin:50% -100px;-webkit-animation:swing 5s infinite ease-in-out;box-shadow:-5px 5px 30px 4px fc903d}.deng{position:relative;width:120px;height:90px;margin:50px;background: d8000f;background:rgba 216,0,15,.8 ;border-radius:50% 50%;-webkit-transform-origin:50% -100px;-webkit-animation:swing 3s infinite ease-in-out;box-shadow:-5px 5px 50px 4px fa6c00}.deng-a{width:100px;height:90px;background: d8000f;background:rgba 216,0,15,.1 ;margin:12px 8px 8px 8px;border-radius:50% 50%;border:2px solid dc8f03}.deng-b{width:45px;height:90px;background: d8000f;background:rgba 216,0,15,.1 ;margin:-4px 8px 8px 26px;border-radius:50% 50%;border:2px solid dc8f03}.xian{position:absolute;top:-20px;left:60px;width:2px;height:20px;background: dc8f03}.shui-a{position:relative;width:5px;height:20px;margin:-5px 0 0 59px;-webkit-animation:swing 4s infinite ease-in-out;-webkit-transform-origin:50% -45px;background:orange;border-radius:0 0 5px 5px}.shui-b{position:absolute;top:14px;left:-2px;width:10px;heig…