《红墙叹》-- 胡夏
本帖最后由 加林森 于 2022-5-14 17:25 编辑 <br /><br /><style type="text/css">.paBox { /* 父框 */
margin: 10px auto;
width: 1280px;
height: 1280px;
position: relative;
background: #000 url('https://pic.imgdb.cn/item/627f127209475431296217f5.jpg') no-repeat;
left: -342px;
}
/* 父框和 .soBox 的伪元素共同样式 */
.paBox::before, .paBox::after, .soBox::before, .soBox::after {
content: "";
position: absolute;
width: 500px; height: 4px;
background: silver;
left: 300px; top: 230px;
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:780px; color:#FFA500;"><marqueescrollamount="5" 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/03/02/73c68931263751df18e50087fe277035.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>
胡夏 - 红墙叹
作词：王耀光
作曲：文魁
编曲：赵瑟
制作人：王耀光
弦乐：国际首席爱乐乐团
弦乐监棚：李朋
和声编唱：杜婧荧
录音师：耿潇微
录音棚：Fun Studio
混音工程师：刘巍
紫禁围红墙
情为所居良
断垣涂夕阳
一折旧梦凉
枯叶掩疏窗
谁念秋风凉
怎知流光逝年华
独身寄盼
重门深锁
修得玉色又如何
花待堪折
别问因果
莫等空枝随风落
盼与他
共剪烛西窗下
空惆怅
亦惘然牵挂
谁怜她
谱一生的凄凉
浮华梦一场
琉璃尽结霜
夜泪拭红妆
叹君正此时
与谁结鸳鸯
祸福总无常
唯心难计量
怎奈痴情太痴狂
独身寄盼
重门深锁
修得玉色又如何
花待堪折
别问因果
莫等空枝随风落
盼与他
共剪烛西窗下
空惆怅
亦惘然牵挂
谁怜她
谱一生的凄凉
浮华梦一场
盼与他
共剪烛西窗下
空惆怅
亦惘然牵挂
谁怜她
谱一生的凄凉
浮华梦一场
浮华梦一场
哇 队长这制作真漂亮！把午门都整上来了{:5_106:} 大气唯美， 点赞！！
中午好！
{:4_187:}{:4_190:}{:4_179:} 熊二 发表于 2022-5-14 10:44
哇 队长这制作真漂亮！把午门都整上来了 大气唯美， 点赞！！
中午好！
熊二中午好。我把午门搬到这里来玩了。{:4_189:}{:4_204:}{:4_190:}{:4_179:} 这图图咋分三段的？倒也不错，一段放一个效果{:4_173:} 红影 发表于 2022-5-14 12:03
这图图咋分三段的？倒也不错，一段放一个效果
就是要这个效果的。 大气唯美，真漂亮 {:4_187:}队长制作感觉越来越好了，赞！
{:4_204:}{:4_190:} 大猫咪 发表于 2022-5-14 12:11
大气唯美，真漂亮 队长制作感觉越来越好了，赞！
现在就是先找到感觉再考虑制作了。{:4_204:}{:4_190:} 红，太红了，需要叹一下 马黑黑 发表于 2022-5-14 12:39
红，太红了，需要叹一下
是的是的。红墙内太多故事了。。。。 加林森 发表于 2022-5-14 12:43
是的是的。红墙内太多故事了。。。。
过去是宫里的故事 马黑黑 发表于 2022-5-14 13:39
过去是宫里的故事
是的。现在也差不多的吧。 加林森 发表于 2022-5-14 13:42
是的。现在也差不多的吧。
这得问问东篱 画面很有气势感，赞{:4_199:} 本帖最后由 加林森 于 2022-5-14 22:20 编辑
马黑黑 发表于 2022-5-14 13:46
这得问问东篱
就是，必须问他的。@东篱闲人 小九 发表于 2022-5-14 13:47
画面很有气势感，赞
小九下午好！周末快乐！{:4_204:} 队长这个图图怎么大，你应该有那种大的按钮啊 加林森 发表于 2022-5-14 13:54
就是，必须问他的。
问问就清楚了 马黑黑 发表于 2022-5-14 16:53
问问就清楚了
是的是的 小辣椒 发表于 2022-5-14 15:09
队长这个图图怎么大，你应该有那种大的按钮啊
我没有使用大的播放器。