论坛 › 祝福礼堂 › 祝贺队长生日快乐

绿叶清舟 发表于 2022-4-21 17:28

祝贺队长生日快乐

<style type="text/css">
#outBox {
      position: relative;
      border: 1px solid;
      border-color: navyred magenta green;
      width: 750px;
      height: 500px;
      background: green url('https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.zdwx.net%2Fgroup1%2FM00%2F08%2F0B%2FwKgCFV8FpH6AClh1AAH4j9zAJno366.gif&refer=http%3A%2F%2Fimg.zdwx.net&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1653124623&t=464e4ce7530ca51104e39a231810271c') no-repeat center/cover;
      left: 10px;
}
.balloon {
      width: 200px;
      height: 200px;
      background: radial-gradient(circle at 10% 20%, rgba(0,128,0,.5), rgba(0,96,48,.8));
      border-radius: 100% 100% 60% 100%;
      transform: rotate(45deg);
      position: relative;
      left: calc(50% - 100px);
      top: 300px;
      animation: up 5s linear infinite;
}

.balloon::before, .balloon::after { content: ''; position: absolute; }

.balloon::before {
      width: 1px;
      height:100px;
      background: rgba(0,0,0,.7);
      left: 100%;
      top: 100%;
      transform: rotate(-45deg) translate(35px,-12px);
}

.balloon::after {
      background: rgba(0,128,0,.85);
      width: 10px;
      height: 10px;
      border-radius: 10%;
      top: 100%;
      left: 100%;
      transform: rotate(-45deg) translate(0,-28px);
}

.wyyPlay {
      position: absolute;
         width: 330px;
      height: 86px;
      left: 20px;
      top: 20px;
      clip-path: circle(33px at 43px 43px);
      border: 0;
      opacity: .4;
}

@keyframes up {
      to { top: -600px; }
}
.box { width: 100px; height: 100px; border: 1px solid; }
</style>

<div id="outBox">
      <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=3 height=6 src="https://music.163.com/outchain/player?type=2&id=1375412673&auto=1&height=6"></iframe>
</div>

<script language="javascript">

let bln = document.getElementById('outBox');
let bArr = ['b0', 'b1', 'b2', 'b3', 'b4'];

for(j=0; j<5; j++) {
      let bBb = document.createElement('div');
      bBb.id = "b" + j;
      bBb.setAttribute('class','balloon');
      bBb.style.left = `${j*300-100}px`;
      chgColor(bBb);
      bln.appendChild(bBb);
}

function chgColor(obj){
      let c1 = `#${Math.random().toString(16).substr(-6)}`;
      let c2 = `#${Math.random().toString(16).substr(-6)}`;
      obj.style.background =`linear-gradient(120deg, ${c1} 0%, ${c2} 100%)`;
}

setInterval(function(){
      for (j=0; j<5; j++) {
                chgColor(document.getElementById(bArr));
      }
}, 5000);

</script>

加林森 发表于 2022-4-21 17:43

感谢清舟。不让我评分了，真不好意思。礼物收到，很开心的。谢谢了！{:4_204:}{:4_190:}

梦油 发表于 2022-4-21 18:23

借绿叶清舟朋友的美帖，祝福加林森朋友生日快乐、万事如意。

对不起朋友，我没分了，不能加分啦。

加林森 发表于 2022-4-21 18:37

梦油 发表于 2022-4-21 18:23
借绿叶清舟朋友的美帖，祝福加林森朋友生日快乐、万事如意。

对不起朋友，我没分了，不能加分啦。

谢谢梦油。{:4_204:}

绿叶清舟 发表于 2022-4-21 19:19

加林森 发表于 2022-4-21 17:43
感谢清舟。不让我评分了，真不好意思。礼物收到，很开心的。谢谢了！

客气了，生日快乐{:5_166:}

绿叶清舟 发表于 2022-4-21 19:20

梦油 发表于 2022-4-21 18:23
借绿叶清舟朋友的美帖，祝福加林森朋友生日快乐、万事如意。

对不起朋友，我没分了，不能加分啦。

谢谢梦油，没关系的了{:4_176:}

红影 发表于 2022-4-21 19:25

这么多气球，很烘托气氛呢。欣赏清舟美贴，同祝队长生日快乐{:4_187:}

绿叶清舟 发表于 2022-4-21 19:26

红影 发表于 2022-4-21 19:25
这么多气球，很烘托气氛呢。欣赏清舟美贴，同祝队长生日快乐

影好，好象可以把球改小些，没仔细看直接就搬来了{:4_189:}

加林森 发表于 2022-4-21 20:22

绿叶清舟 发表于 2022-4-21 19:19
客气了，生日快乐

好的好的。大家一起快乐！{:4_204:}

梦油 发表于 2022-4-21 20:58

加林森 发表于 2022-4-21 18:37
谢谢梦油。

不能加分，抱歉。

梦油 发表于 2022-4-21 20:59

绿叶清舟 发表于 2022-4-21 19:20
谢谢梦油，没关系的了

绿叶清舟朋友晚上好！谢谢你的理解。

樵歌 发表于 2022-4-21 21:00

一起来放飞气球，祝福生日，吃大蛋糕{:4_176:}

加林森 发表于 2022-4-21 21:09

梦油 发表于 2022-4-21 20:58
不能加分，抱歉。

我也一样的了。{:4_189:}

绿叶清舟 发表于 2022-4-21 21:11

梦油 发表于 2022-4-21 20:59
绿叶清舟朋友晚上好！谢谢你的理解。

梦油晚上好，应该的嘛

绿叶清舟 发表于 2022-4-21 21:11

樵歌 发表于 2022-4-21 21:00
一起来放飞气球，祝福生日，吃大蛋糕

樵歌晚上好，一起吃队长的蛋糕了{:5_166:}

樵歌 发表于 2022-4-22 08:24

绿叶清舟 发表于 2022-4-21 21:11
樵歌晚上好，一起吃队长的蛋糕了

我那份给你哈。{:4_173:}

梦油 发表于 2022-4-22 09:52

加林森 发表于 2022-4-21 21:09
我也一样的了。

彼此彼此{:4_169:}

梦油 发表于 2022-4-22 09:53

绿叶清舟 发表于 2022-4-21 21:11
梦油晚上好，应该的嘛

谢谢，谢谢！

加林森 发表于 2022-4-22 11:11

梦油 发表于 2022-4-22 09:52
彼此彼此

嗯嗯

绿叶清舟 发表于 2022-4-22 19:12

樵歌 发表于 2022-4-22 08:24
我那份给你哈。

又可以省下一顿的菜了{:5_117:}

查看完整版本: 祝贺队长生日快乐