加林森 发表于 2022-3-31 12:40

《小草》 -- 汗德尕乐队 （跟着老黑的教程制作）



<style type="text/css">
#outBox {
      position: relative;
      border: 1px solid;
      border-color: navyred magenta green;
      width: 1200px;
      height: 576px;
      background: green url('https://pic.imgdb.cn/item/624525de27f86abb2ac22b61.jpg') no-repeat center/cover;
      left: -304px;
}
.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 class="wyyPlay" frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="https://music.163.com/outchain/player?type=2&id=1350455964&auto=1&height=66"></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-3-31 12:40

@马黑黑

加林森 发表于 2022-3-31 12:44

本帖最后由 加林森 于 2022-3-31 12:46 编辑


小草 -- 汗德尕乐队
词：布里亚特民歌
曲：布里亚特民歌
编曲：汗德尕乐队
歌词大意：
蒙语名字叫“Altargana”
“北方富饶的土地上
紫色的花葵多美丽
我在父母的手掌上
无忧地成长多快乐


马黑黑 发表于 2022-3-31 12:47

精品帖子。音乐选的不错，符合主题

加林森 发表于 2022-3-31 12:49

马黑黑 发表于 2022-3-31 12:47
精品帖子。音乐选的不错，符合主题

嗯嗯，谢谢老黑。{:4_190:}

马黑黑 发表于 2022-3-31 12:50

加林森 发表于 2022-3-31 12:49
嗯嗯，谢谢老黑。

{:5_108:}

加林森 发表于 2022-3-31 12:52

马黑黑 发表于 2022-3-31 12:50


{:5_108:}{:4_191:}

红影 发表于 2022-3-31 13:52

恭喜队长做成了气球飞飞，好漂亮的制作{:4_187:}

加林森 发表于 2022-3-31 13:55

红影 发表于 2022-3-31 13:52
恭喜队长做成了气球飞飞，好漂亮的制作

谢谢红影支持！我去医院陪老母亲去了，晚上见。

红影 发表于 2022-3-31 20:33

加林森 发表于 2022-3-31 13:55
谢谢红影支持！我去医院陪老母亲去了，晚上见。

队长辛苦。{:4_204:}

大猫咪 发表于 2022-3-31 20:53

队长学习的真快 {:4_187:}好漂亮的制作！感觉真好，歌也特别喜欢    赞！！！

{:4_204:}{:4_199:}

加林森 发表于 2022-3-31 21:07

红影 发表于 2022-3-31 20:33
队长辛苦。

红影晚上好！{:4_204:}

加林森 发表于 2022-3-31 21:08

大猫咪 发表于 2022-3-31 20:53
队长学习的真快 好漂亮的制作！感觉真好，歌也特别喜欢    赞！！！

猫猫晚上好。是蒙古歌曲。{:4_204:}{:4_190:}

大猫咪 发表于 2022-3-31 21:31

加林森 发表于 2022-3-31 21:08
猫猫晚上好。是蒙古歌曲。

嗯嗯    非常好听队长，收藏了    {:4_179:}{:4_190:}

加林森 发表于 2022-3-31 21:38

大猫咪 发表于 2022-3-31 21:31
嗯嗯    非常好听队长，收藏了

好的好的，喜欢就好。{:4_190:}{:4_179:}

大猫咪 发表于 2022-3-31 21:54

加林森 发表于 2022-3-31 21:38
好的好的，喜欢就好。

{:4_179:} 太好听了

加林森 发表于 2022-3-31 21:57

大猫咪 发表于 2022-3-31 21:54
太好听了

我这里有点多，你要不要，都是网易云的。{:4_179:}

大猫咪 发表于 2022-3-31 22:09

加林森 发表于 2022-3-31 21:57
我这里有点多，你要不要，都是网易云的。

嗯嗯   队长每天发猫天天来欣赏   温暖   {:4_187:}{:4_179:}

加林森 发表于 2022-3-31 22:43

大猫咪 发表于 2022-3-31 22:09
嗯嗯   队长每天发猫天天来欣赏   温暖

好的好的。真是乖猫猫。{:4_179:}
页: [1]
查看完整版本: 《小草》 -- 汗德尕乐队 （跟着老黑的教程制作）