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>
哈哈,东篱大哥也弄了个外星人到来啊,浩渺的星空,孤独的宇航船,在找寻什么呢{:4_173:}
黑黑收礼开心{:4_187:} 这个好玩,俺喜欢 黑客必须有音乐修养,骇客听点DJ就行 老头这创意真好,很梦幻啊,{:4_189:}带老黑去太空旅游啊{:4_170:} 老黑收礼开心{:4_191:} 红影 发表于 2022-4-6 20:02
哈哈,东篱大哥也弄了个外星人到来啊,浩渺的星空,孤独的宇航船,在找寻什么呢
黑黑收礼开心{:4 ...
找黑黑。。。{:5_117:} 马黑黑 发表于 2022-4-6 20:05
这个好玩,俺喜欢
学的不好,黑师多指教。。。{:4_190:} 大猫咪 发表于 2022-4-6 20:20
老头这创意真好,很梦幻啊,带老黑去太空旅游啊 老黑收礼开心
在搜索黑黑呢。。。{:5_117:} 东篱闲人 发表于 2022-4-6 20:28
在搜索黑黑呢。。。
太黑了,用上探照灯了{:4_170:} 厉害厉害,老兄也制作了一个出来。还挺飘逸的。{:4_189:} 太棒了,这是外星人来送菜吗{:4_189:} 大猫咪 发表于 2022-4-6 20:30
太黑了,用上探照灯了
对呀对呀。。。。{:5_117:} 加林森 发表于 2022-4-6 20:41
厉害厉害,老兄也制作了一个出来。还挺飘逸的。
学习学习。。。。 绿叶清舟 发表于 2022-4-6 20:58
太棒了,这是外星人来送菜吗
看来师傅是饿坏了。。。{:5_117:} 东篱闲人 发表于 2022-4-6 21:09
看来师傅是饿坏了。。。
{:4_189:}吃货嘛 绿叶清舟 发表于 2022-4-6 21:12
吃货嘛
光吃豆芽可不行啊。。。{:5_117:} 东篱闲人 发表于 2022-4-6 21:13
光吃豆芽可不行啊。。。
还得吃豆芽掉下来的壳皮吧{:4_189:} 东篱闲人 发表于 2022-4-6 20:27
学的不好,黑师多指教。。。
不错的,非常不错 东篱闲人 发表于 2022-4-6 21:09
学习学习。。。。
我也跟着制作了一个出来{:4_189:} 东篱闲人 发表于 2022-4-6 20:26
找黑黑。。。
这个可不容易找{:4_189:}
页:
[1]
2