东篱闲人 发表于 2022-4-6 19:49

TO黑黑

本帖最后由 东篱闲人 于 2022-4-6 19:50 编辑 <br /><br /><style>
.stage {
      position: relative;
      left: -270px;
      width: 1150px;
      height: 550px;
      background: #000 url('https://s1.ax1x.com/2022/04/06/qvYSSI.gif') no-repeat center/cover;
      overflow: hidden;
      filter: blur(1px);
      cursor: pointer;
      opacity: .9;
}
.stage::before {
      content:attr(data-1);
      position: absolute;
      right: 10px;
      top: 10px;
      font: 900 3em/1em Sans-seirf;
      color: white;
      text-shadow: 2px 2px 4px rgba(0,0,0,.6);
}
#ufo {
      position: absolute;
      filter: blur(.5px);
      width: 205px; height: 124px;
      animation:fly 8s ease-in-out infinite alternate;
}
#ufo::after {
      content: '';
      left: 80px; bottom: -10px;
      position: absolute;
      width: 0px;
      height: 0px;
      border: 20px solid;
      border-color: transparent transparent green transparent;
      filter: blur(1px);
      opacity: .6;
      transition: .5s;
      transform-origin: 050%;
      transform: scale(5,30) ;
      animation: rot 8s ease-in-out infinite alternate;
}

@keyframes fly { to { transform: rotate(20deg) translate(1100px); } }
@keyframes rot { to { transform: rotate(30deg) scale(15,20) ; } }
</style>

<div class="stage" data-1="Th3 Awak3n1ng——觉醒(黑客的音乐修养)TO :黑黑">
      <div id="ufo">
                <img alt="" src="https://s1.ax1x.com/2022/04/06/qvG0v6.png" width="157" height="104" />
      </div>
</div>

<script>
let stage = document.querySelector('.stage');
let aud = document.createElement('audio');
aud.src = 'http://music.163.com/song/media/outer/url?id=29710109.mp3';
aud.autoplay = true;
aud.loop = true;
stage.appendChild(aud);
stage.onclick = () => { aud.paused ? aud.play() : aud.pause(); }
</script>

红影 发表于 2022-4-6 20:02

哈哈,东篱大哥也弄了个外星人到来啊,浩渺的星空,孤独的宇航船,在找寻什么呢{:4_173:}
黑黑收礼开心{:4_187:}

马黑黑 发表于 2022-4-6 20:05

这个好玩,俺喜欢

马黑黑 发表于 2022-4-6 20:06

黑客必须有音乐修养,骇客听点DJ就行

大猫咪 发表于 2022-4-6 20:20

老头这创意真好,很梦幻啊,{:4_189:}带老黑去太空旅游啊{:4_170:} 老黑收礼开心{:4_191:}

东篱闲人 发表于 2022-4-6 20:26

红影 发表于 2022-4-6 20:02
哈哈,东篱大哥也弄了个外星人到来啊,浩渺的星空,孤独的宇航船,在找寻什么呢
黑黑收礼开心{:4 ...

找黑黑。。。{:5_117:}

东篱闲人 发表于 2022-4-6 20:27

马黑黑 发表于 2022-4-6 20:05
这个好玩,俺喜欢

学的不好,黑师多指教。。。{:4_190:}

东篱闲人 发表于 2022-4-6 20:28

大猫咪 发表于 2022-4-6 20:20
老头这创意真好,很梦幻啊,带老黑去太空旅游啊   老黑收礼开心

在搜索黑黑呢。。。{:5_117:}

大猫咪 发表于 2022-4-6 20:30

东篱闲人 发表于 2022-4-6 20:28
在搜索黑黑呢。。。

太黑了,用上探照灯了{:4_170:}

加林森 发表于 2022-4-6 20:41

厉害厉害,老兄也制作了一个出来。还挺飘逸的。{:4_189:}

绿叶清舟 发表于 2022-4-6 20:58

太棒了,这是外星人来送菜吗{:4_189:}

东篱闲人 发表于 2022-4-6 21:09

大猫咪 发表于 2022-4-6 20:30
太黑了,用上探照灯了

对呀对呀。。。。{:5_117:}

东篱闲人 发表于 2022-4-6 21:09

加林森 发表于 2022-4-6 20:41
厉害厉害,老兄也制作了一个出来。还挺飘逸的。

学习学习。。。。

东篱闲人 发表于 2022-4-6 21:09

绿叶清舟 发表于 2022-4-6 20:58
太棒了,这是外星人来送菜吗

看来师傅是饿坏了。。。{:5_117:}

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

东篱闲人 发表于 2022-4-6 21:09
看来师傅是饿坏了。。。

{:4_189:}吃货嘛

东篱闲人 发表于 2022-4-6 21:13

绿叶清舟 发表于 2022-4-6 21:12
吃货嘛

光吃豆芽可不行啊。。。{:5_117:}

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

东篱闲人 发表于 2022-4-6 21:13
光吃豆芽可不行啊。。。

还得吃豆芽掉下来的壳皮吧{:4_189:}

马黑黑 发表于 2022-4-6 21:24

东篱闲人 发表于 2022-4-6 20:27
学的不好,黑师多指教。。。

不错的,非常不错

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

东篱闲人 发表于 2022-4-6 21:09
学习学习。。。。

我也跟着制作了一个出来{:4_189:}

红影 发表于 2022-4-6 22:01

东篱闲人 发表于 2022-4-6 20:26
找黑黑。。。

这个可不容易找{:4_189:}
页: [1] 2
查看完整版本: TO黑黑