《想你的时候问月亮》-- 梅朵
本帖最后由 加林森 于 2022-5-20 20:53 编辑 <br /><br /><style type="text/css">.paBox { /* 父框 */
margin: 10px auto;
width: 1024px;
height: 681px;
position: relative;
background: #000 url('https://pic.imgdb.cn/item/62845fef09475431299e962b.jpg"') no-repeat;
left: -214px;
}
/* 父框和 .soBox 的伪元素共同样式 */
.paBox::before, .paBox::after, .soBox::before, .soBox::after {
content: "";
position: absolute;
width: 500px; height: 2px;
background: silver;
left: 300px; top: 180px;
opacity: 0.1;
transform-origin: center center;
}
/* 父框和 .soBox 的伪元素各自的动画样式 */
.paBox::before { animation: fly 2s linear infinite alternate;}
.paBox::after { height: 4px; animation: fly 5s linear infinite;}
.soBox::before { animation: fly 3s linear infinite;}
.soBox::after { height: 5px; animation: fly 1s linear infinite alternate;}
@keyframes fly { 100% { transform: rotate(360deg); } }
/*旋转按钮*/
.roBox32 {
margin: 10px;
position: relative;
width: 64px; height: 64px;
line-height: 64px; font-size: 12px;
background: linear-gradient(blue,gray,red);
outline:none;
color: white;
border-radius: 50%;
text-align: center;
box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.25);
cursor: pointer;
animation: rol linear 2s infinite;
}
.roBox32:hover { opacity: 0.8; }
.roBox32:active { opacity: 1; }
@keyframes rol { to { transform:rotate(360deg); } }
</style>
<div class="paBox">
<div class="soBox"></div>
<p style="position: absolute; left:240px; top:620px; color:#FFA500;"><marqueescrollamount="3" direction="left" >想你的时候问月亮-梅朵</marquee></p>
<!-- 按钮 -->
<div id="roBox" class="roBox32" style="left:10%;top:88%;">●</div>
</div>
<audio id="ymusic" src="http://www.kumeiwp.com/sub/filestores/2022/04/09/60e5318711f1001068a7f25eda6ed0ec.mp3" autoplay="autoplay" loop="loop"></audio>
<script language="javascript">
var mu = document.getElementById('ymusic');
var roBtn = document.getElementById('roBox');
mu.autoplay ? roBtn.style.animationPlayState="running" : roBtn.style.animationPlayState="paused";
mu.addEventListener("ended", function(){ roBtn.style.animationPlayState="paused"; })
roBtn.onclick = function(){ mu.paused ? (mu.play(), roBtn.style.animationPlayState="running") : (mu.pause(), roBtn.style.animationPlayState="paused"); }
</script>
想你的时候问月亮 - 梅朵
词：党明毅/一只舟
曲：一只舟
编曲：孙侠
和声：姚斯婷
混音：王哲
监制：胡伟
想你的夜晚总是很漫长
萧萧的冷风还带着寒霜
远隔千里你身处在他乡
苦苦滋味我独自去品尝
问问月亮思念它有多长
你是否也会把我去守望
无法忘掉你旧时的模样
想你的心伴着淡淡忧伤
相思的泪水在不停流淌
只有默默的遥望着远方
把那相思的苦深深埋藏
等你在那曾经的老地方
亲爱的你不知现在怎样
夜深人静时是否把我想
月亮恰似你那甜美脸庞
想你的时候只能问月亮
想你的夜晚总是很漫长
萧萧的冷风还带着寒霜
远隔千里你身处在他乡
苦苦滋味我独自去品尝
问问月亮思念它有多长
你是否也会把我去守望
无法忘掉你旧时的模样
想你的心伴着淡淡忧伤
相思的泪水在不停流淌
只有默默的遥望着远方
把那相思的苦深深埋藏
等你在那曾经的老地方
亲爱的你不知现在怎样
夜深人静时是否把我想
月亮恰似你那甜美脸庞
想你的时候只能问月亮
相思的泪水在不停流淌
只有默默的遥望着远方
把那相思的苦深深埋藏
等你在那曾经的老地方
亲爱的你不知现在怎样
夜深人静时是否把我想
月亮恰似你那甜美脸庞
想你的时候只能问月亮
月亮恰似你那甜美脸庞
想你的时候只能问月亮
醉美水芙蓉 发表于 2022-5-18 11:34
这歌好听，欣赏队长精彩制作！
是的。挺好听的。我把歌词也发上来了。我给你的地址你收藏好没有？ 看看月亮怎么回答 好听又好看。欣赏队长好帖{:4_187:} 好听，画面唯美！ 欣赏队长精彩制作！真棒！
{:4_204:}{:4_199:} 马黑黑 发表于 2022-5-18 12:12
看看月亮怎么回答
看明白没有。 红影 发表于 2022-5-18 12:12
好听又好看。欣赏队长好帖
谢谢红影支持！{:4_204:} 大猫咪 发表于 2022-5-18 12:20
好听，画面唯美！ 欣赏队长精彩制作！真棒！
嗯嗯，猫猫吃午饭没有？ 加林森 发表于 2022-5-18 12:35
嗯嗯，猫猫吃午饭没有？
吃了队长，中午上来听下音乐{:4_204:}{:4_179:} 大猫咪 发表于 2022-5-18 12:38
吃了队长，中午上来听下音乐
嗯嗯，挺好的。{:4_204:}{:4_179:} 加林森 发表于 2022-5-18 12:34
谢谢红影支持！
这个歌名好玩，想你的时候问月亮，月亮回答关我啥事{:4_189:} 红影 发表于 2022-5-19 12:44
这个歌名好玩，想你的时候问月亮，月亮回答关我啥事
月亮也不知道的。{:4_189:} 加林森 发表于 2022-5-19 13:08
月亮也不知道的。
月亮躺枪{:4_173:} 红影 发表于 2022-5-19 21:12
月亮躺枪
哈哈哈哈，就是就是。 加林森 发表于 2022-5-19 21:14
哈哈哈哈，就是就是。
这个光柱还是在偏暗的背景上比较明显呢。 红影 发表于 2022-5-20 20:37
这个光柱还是在偏暗的背景上比较明显呢。
是啊。 红影 发表于 2022-5-20 20:37
这个光柱还是在偏暗的背景上比较明显呢。
现在我调整了，你再看看。
页:
[1]