您好，欢迎来中华游戏网！请登录立即注册
一键打卡🔥 龙鳞魔堡 金豆锻造 荣誉胸章 海底寻宝 非诚勿扰 虚拟刮奖 杂货道具 好友印象 首页弹幕 中华银行 家族部落 积分兑换 图片上传 图片压缩 在线翻译 在线查毒
发表新帖 回帖
返回列表
UID 1
小强

发帖: 16676 179 粉丝: 92
铜币: 20686
龙鳞: 3463.2
伴侣: 水精灵的翅膀
家族: CYW TEAM
经验:
Lv15

精灵:
  • 14241魔堡金豆
  • 3368闪耀金条
  • 10142元气能量
  • 16257超凡耐力
🔓登录解锁详细资料
  
🌺鲜花 90 2 鸡蛋🥚
老大呀！！、光头强      ..
[道具][倒序][只看他][屏蔽签名|屏蔽头像] 🪜楼主

预祝各位新春快乐、龙年吉祥，网站挂灯笼样式

中华游戏网 cnyouw发表于:中华游戏网-cnyouw 会员:小强 🕘时间:2024-02-07 18:11 👀围观:3729人 💬回复:1人

CSS：
复制代码
  • /**----节日灯笼----*/
  • @media screen and (max-width: 600px){
  •   .deng-box {display:none;}
  •   .deng-box1 {display:none;}
  •   .deng-box2 {display:none;}
  •   .deng-box3 {display:none;}
  • }
  • .deng-box {
  •     position: fixed;
  •     top: -40px;
  •     right: -20px;
  •     z-index: 1999;
  •     pointer-events:none;
  • }
  •  
  • .deng-box1 {
  •     position: fixed;
  •     top: -30px;
  •     right: 80px;
  •     z-index: 1998;
  •    pointer-events:none;
  • }
  • .deng-box2 {
  •     position: fixed;
  •     top: -40px;
  •     left: -20px;
  •     z-index: 1999;
  •    pointer-events:none;
  • }
  •  
  •  .deng-box3 {
  •     position: fixed;
  •     top: -30px;
  •     left: 80px;
  •     z-index: 1998;
  •    pointer-events:none;
  • }
  •  
  • .deng-box1 .deng,
  • .deng-box3 .deng{
  •     position: relative;
  •     width: 120px;
  •     height: 90px;
  •     margin: 50px;
  •     background: #d8000f;
  •     background: rgba(216, 0, 15, 0.8);
  •     border-radius: 50% 50%;
  •     -webkit-transform-origin: 50% -100px;
  •     -webkit-animation: swing 5s infinite ease-in-out;
  •     animation: swing 5s infinite ease-in-out;
  •     box-shadow: -5px 5px 30px 4px rgba(252, 144, 61, 1);
  • }
  • .deng,
  • .deng-box2 .deng{
  •     position: relative;
  •     width: 120px;
  •     height: 90px;
  •     margin: 50px;
  •     background: #d8000f;
  •     background: rgba(216, 0, 15, 0.8);
  •     border-radius: 50% 50%;
  •     -webkit-transform-origin: 50% -100px;
  •     -webkit-animation: swing 3s infinite ease-in-out;
  •     animation: swing 3s infinite ease-in-out;
  •     box-shadow: -5px 5px 50px 4px rgba(250, 108, 0, 1);
  • }
  •  
  • .deng-a {
  •     width: 100px;
  •     height: 90px;
  •     background: #d8000f;
  •     background: rgba(216, 0, 15, 0.1);
  •     margin: 12px 8px 8px 10px;
  •     border-radius: 50% 50%;
  •     border: 2px solid #dc8f03;
  • }
  •  
  • .deng-b {
  •     width: 45px;
  •     height: 90px;
  •     background: #d8000f;
  •     background: rgba(216, 0, 15, 0.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: #ffa500;
  •     border-radius: 0 0 5px 5px;
  • }
  •  
  • .shui-b {
  •     position: absolute;
  •     top: 14px;
  •     left: -2px;
  •     width: 10px;
  •     height: 10px;
  •     background: #dc8f03;
  •     border-radius: 50%;
  • }
  •  
  • .shui-c {
  •     position: absolute;
  •     top: 18px;
  •     left: -2px;
  •     width: 10px;
  •     height: 35px;
  •     background: #ffa500;
  •     border-radius: 0 0 0 5px;
  • }
  •  
  • .deng:before {
  •     position: absolute;
  •     top: -7px;
  •     left: 29px;
  •     height: 12px;
  •     width: 60px;
  •     content: " ";
  •     display: block;
  •     z-index: 1999;
  •     border-radius: 5px 5px 0 0;
  •     border: solid 1px #dc8f03;
  •     background: #ffa500;
  •     background: linear-gradient(to right, #dc8f03, #ffa500, #dc8f03, #ffa500, #dc8f03);
  • }
  •  
  • .deng:after {
  •     position: absolute;
  •     bottom: -7px;
  •     left: 10px;
  •     height: 12px;
  •     width: 60px;
  •     content: " ";
  •     display: block;
  •     margin-left: 20px;
  •     border-radius: 0 0 5px 5px;
  •     border: solid 1px #dc8f03;
  •     background: #ffa500;
  •     background: linear-gradient(to right, #dc8f03, #ffa500, #dc8f03, #ffa500, #dc8f03);
  • }
  •  
  • .deng-t {
  •     font-family: "华文行楷,Arial,Lucida Grande,Tahoma,sans-serif";
  •     font-size: 3.2rem;
  •     color: #dc8f03;
  •     font-weight: bold;
  •     line-height: 85px;
  •     text-align: center;
  • }
  •  
  • .night .deng-t, 
  • .night .deng-box, 
  • .night .deng-box1,
  • .night .deng-box2,
  • .night .deng-box3{
  •     background: transparent !important;
  • }
  • @keyframes swing { 
  •     0% { transform: rotate(-10deg) } 
  •     50% { transform: rotate(10deg) } 
  •     100% { transform: rotate(-10deg) } 
  • }
  •  
  • @-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) }
  • }
  • /**----节日灯笼----*/


网页代码：
复制代码
  •  <!--右一 节日灯笼-->
  •     <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>
  •     <!-- 右2-->
  •     <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-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-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>
  •  <!--右一 节日灯笼-->
👀 温馨提示：部分内容需登录后查阅。立即登录
  中华游戏网 cnyouw.cn中华游戏网 cnyouw
本帖奖赏记录: 共2条   [总计: 龙鳞x0.1 铜币x5 ]  [删除我的评分记录]
cnyouw魔法师🧙 变出龙鳞 2024-02-07 18:11
今日发帖冠军特权奖励，我是冠军求超越~~~来嘛~~
x0.1
cnyouw魔法师🧙 变出铜币 2024-02-07 18:11
仙族铜币の戒【5级】连合仙族龙鳞の戒【5级】发帖获得特殊奖励
x5
查看更多Ta的帖子💬 小强 发布的其他帖子
VIP SIGNATURE

I will be brave for you.
I won't fear the devil,The dog and the bad egg anymore.
评分选定 举报
回复 引用
UID 690412
vscuicui

发帖: 1111 粉丝: 1
铜币: 2055
龙鳞: 309.8
伴侣: 单身贵族
家族: 友情联盟
经验:
Lv7

精灵:
  • 1815魔堡金豆
  • 69闪耀金条
  • 525元气能量
  • 233超凡耐力
🔓登录解锁详细资料
  
🌺鲜花 0 0 鸡蛋🥚
呵呵，有点傻。不过傻的可爱。
🕘时间: 2024-02-18[只看他][屏蔽签名|屏蔽头像] 🪜沙发
强哥新年好~
本帖奖赏记录: 共1条   [总计: 铜币x1 ]  [删除我的评分记录]
cnyouw魔法师🧙 变出铜币 2024-02-18 13:59
[购]仙族铜币胸章发帖获得特殊奖励
x1
SIGNATURE
评分选定 举报
回复 引用 评分
发表新帖 回帖
 中华游戏网 » 电脑技术交流
快速
验证问题:
我们网站的域名是什么？ 正确答案:

Ctrl + Enter 快速发布
为防止个别捣乱会员恶意灌水
注册会员发帖量达到 10 贴
即可解锁快捷表情发送