《烟花三月》-- 童丽 TO:马黑黑
<style>
.shouhu { position: relative; left: -214px;top:120px;width: 1024px; height: 576px;display: flex; perspective: 2000px;background: #eee url('https://pic.imgdb.cn/item/6282324009475431290d98f6.jpg') no-repeat center/cover; box-shadow: 4px 4px 5px #888;border-radius:12px; }
.cube {
--x: 200px;
--xx: -100px;
position: absolute;left: 430px;top:136px;cursor: pointer;
width: var(--x);
height: var(--x);
transform-style: preserve-3d;
transform-origin: 50% 50% 0;
animation: rot 10s linear infinite;
}
.cube div {
position: absolute;
left: 0; top: 0; width: inherit; height: inherit;
font: 2em / var(--x) Arial;
color: white;
text-align: center;
text-shadow: 1px 1px 2px #000;
opacity: .85;
}
.cube div:nth-child(1) { background: #ffffcc; transform: rotateY(0deg) translateZ(calc(var(--x) / 2)); }
.cube div:nth-child(2) { background: #ffccff; transform: rotateY(90deg) translateZ(calc(var(--x) / 2)); }
.cube div:nth-child(3) { background: #ccffcc; transform: rotateY(180deg) translateZ(calc(var(--x) / 2)); }
.cube div:nth-child(4) { background: #CFCFCF; transform:rotateY(270deg) translateZ(calc(var(--x) / 2)); }
.cube div:nth-child(5) { background: #FFAEB9; transform: rotateX(-90deg) translateZ(calc(var(--x) / 2)); }
.cube div:nth-child(6) {background: #CDAF95; transform: rotateX(-90deg) translateZ(var(--xx)); }
@keyframes rot {
to { transform: rotateX(-720deg) rotateY(360deg); }
}
</style>
<div class="shouhu"> <div class="cube">
<div>烟</div>
<div>花</div>
<div>三</div>
<div>月</div>
<div>童丽</div>
<div>演唱</div>
</div></div><br><br><br><br><br><br><br><br>
<script language="javascript">
let iBox = document.querySelector(".cube");
let au = document.createElement("audio");
au.src = "http://www.kumeiwp.com/sub/filestores/2022/05/16/21b0a61878ef0ca1208562bc4e782bd2.mp3";
au.autoplay = true;
au.loop = true;
iBox.onclick = function() {
au.paused ? (au.play(), this.style.animationPlayState = "running") : (au.pause(), this.style.animationPlayState = "paused");
}
</script>
烟花三月 - 童丽
牵住你的手相别在黄鹤楼
波涛万里长江水送你下扬州
真情伴你走春色为你留
二十四桥明月夜牵挂在扬州
扬州城有没有我这样的好朋友
扬州城有没有人为你分担忧和愁
扬州城有没有我这样的知心人
扬州城有没有人和你风雨同舟
烟花三月是折不断的柳
梦里江南是喝不完的酒
等到那孤帆远影碧空尽
才知道思念总比那西湖瘦
牵住你的手相别在黄鹤楼
波涛万里长江水送你下扬州
真情伴你走春色为你留
二十四桥明月夜牵挂在扬州
扬州城有没有我这样的好朋友
扬州城有没有人为你分担忧和愁
扬州城有没有我这样的知心人
扬州城有没有人和你风雨同舟
烟花三月是折不断的柳
梦里江南是喝不完的酒
等到那孤帆远影碧空尽
才知道思念总比那西湖瘦
烟花三月是折不断的柳
梦里江南是喝不完的酒
等到那孤帆远影碧空尽
才知道思念总比那西湖瘦
@马黑黑 童丽的歌耐听。帖子精美大气 加加净玩新花样。。。{:5_117:} 马黑黑 发表于 2022-5-16 20:05
童丽的歌耐听。帖子精美大气
老黑喜欢就好! 东篱闲人 发表于 2022-5-16 20:13
加加净玩新花样。。。
与老兄一样啊,不知道玩什么了。。。。{:4_189:} 好听,童丽的歌声很甜。{:4_187:} 红影 发表于 2022-5-16 20:46
好听,童丽的歌声很甜。
是的。我很喜欢童丽的声音的。 醉美水芙蓉 发表于 2022-5-16 21:06
欣赏队长好制作!
喜欢就好!谢谢水芙蓉! 加林森 发表于 2022-5-16 20:35
与老兄一样啊,不知道玩什么了。。。。
玩迷茫了。。。{:5_117:} 东篱闲人 发表于 2022-5-16 21:25
玩迷茫了。。。
差不多了吧。。。。{:4_189:} 轻盈转动的大魔方,挺美的,色彩亮丽{:4_187:} 千羽 发表于 2022-5-16 21:43
轻盈转动的大魔方,挺美的,色彩亮丽
谢谢千羽来支持!{:4_204:} 加林森 发表于 2022-5-16 21:49
谢谢千羽来支持!
队长不客气哈{:4_187:} 千羽 发表于 2022-5-16 21:52
队长不客气哈
好的好的。千羽真好!{:4_204:} 加林森 发表于 2022-5-16 21:53
好的好的。千羽真好!
队长才好呢{:4_181:} 千羽 发表于 2022-5-16 21:53
队长才好呢
谢谢你的支持!{:4_171:} 加林森 发表于 2022-5-16 21:56
谢谢你的支持!
不客气哈队长{:4_187:}
页:
[1]
2