源来页 公告 登陆

纯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>

收录:https://cway.top/post/891.html


最后编辑:2021-02-21 15:55
阅:55 发表于2021-02-21 15:53
#其他源码
评论:

返回源来页/返回首页


天合之作 曲在人意

心灵鸡汤:
      

®2019-2021 all power by Zlproject3.4.5 首页 #top

天合之作 曲在人意