纯HTML/CSS节日灯笼代码给你网站加点节日气息

	composer @Ta
	2021-02-21 15:53

灯笼可自适应网页大小，并且自动贴两边

代码：


    <style type="text/css">
    .ct2 .mn 
    .ct2 .sd 
    @media screen and (max-width:768px) {.xnkl 
    }
    .deng-box 
    .deng-box1 
    .deng-box2 
    .deng-box3 
    .deng-box1 .deng,.deng-box3 .deng 
    .deng 
    .deng-a 
    .deng-b 
    .xian 
    .shui-a 
    .shui-b 
    .shui-c 
    .deng:before 
    .deng:after 
    .deng-t {font-family:黑体,Arial,Lucida Grande,Tahoma,sans-serif;font-size:3.2rem;color:#dc8f03;font-weight:700;line-height:85px;text-align:center}
    .night .deng-box,.night .deng-box1,.night .deng-t 
    @-moz-keyframes swing {0% {-moz-transform:rotate(-10deg)}
    50% {-moz-transform:rotate(10deg)}
    100% {-moz-transform:rotate(-10deg)}
    }
    @-webkit-keyframes swing {0% {-webkit-transform:rotate(-10deg)}
    50% {-webkit-transform:rotate(10deg)}
    100% {-webkit-transform:rotate(-10deg)}
    }
    </style>
    <div id="wp"class="wp"><div class="xnkl"><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></div>