亦是金 发表于 2024-3-23 19:39

《今生相依来生相随》-落 笔

本帖最后由 亦是金 于 2025-1-31 10:22 编辑 <br /><br /><style type="text/css">
#papa {
       margin: auto;
       top: 0px;
       left: -310px;
       width: 1200px;
       height: 700px;
       border: 6px solid rgba(36, 201, 219,.95);
       border-radius: 20px;
       background: lightblue url('');
       box-shadow: 3px 3px 20px #000;
       position: relative;
       display: grid;
       place-items: center;
       z-index: 1;
}

</style>

<div id="papa">

<metaname="referrer" content="never">
<video frameborder="0" class=""src="https://ysj147.s3-us-east-1.ossfiles.com/zzsc/mp4/jinsheng.mp4" autoplayloop="" controls="" style="MARGIN-TOP:0px;MARGIN-LEFT:0px;background:#000 ;width: 1200px; height: 700px;-webkit-mask-image: radial-gradient(black 100%, transparent 100%);position:relative;left:0px;top:0px; opacity: 1.0;border-radius: 15px;"></video>

</div>


<style type="text/css">

@keyframes mv { from { background-position: 1200px 0; } to { background-position: 0 0; } }

body { overflow-x: hidden; }
#baiBox {
      margin: auto;
      width: 800px;
      text-align: center;
      font-family:微软简中圆;
      font-size: 2.5rem;
      font-weight: bold;
      color: #f46ff6;
      transform-origin: top;
      animation: yao 1.0s linear infinite alternate;
}

@keyframes yao {
      from{transform: perspective(800px) rotatex(30deg); }
      to { transform: perspective(800px) rotatex(30deg); }
}

.tit { position: relative;width: 300px;height: 30px;top:-690px;LEFT: -450px;z-index: 100;filter: drop-shadow(-1px 1px 1px #ffffff)drop-shadow(0px -1px 1px #ffffff)drop-shadow(0px 0px 1px #ffffff)drop-shadow(0px 0px 1px #ffffff)drop-shadow(0px 0px 1px #ffffff) }
#tit:hover { color: green; }
/*标题位置 移动范围设置*/

</style>

<div id="hu" >
<div id="baiBox"
<div class="tit">
<span style="color:#fb52f9;"><span style="font-size:32px;">《今生相依来生相随》</span>
<span style="color:#3d46f7;"><span style="font-size:24px;">-落 笔</span></div>

<div style="position: relative;width: 500px;height: 50px;top:-80px;LEFT: 690px;z-index: 100;filter: drop-shadow(-1px 1px 1px #e8f552)drop-shadow(0px -1px 1px #e8f552)drop-shadow(0px 0px 1px #e8f552)drop-shadow(0px 0px 1px #e8f552)drop-shadow(0px 0px 1px #e8f552)">
<p><span style="color:#ff0000;"><span style="font-family:华文隶书;"><span style="font-size:24px;">亦是金在线音乐</span></span></span></p></div>

</style>

大猫咪 发表于 2024-3-23 20:18

图美歌靓   好制作   谢谢朋友分享！

{:4_204:}{:4_178:}{:4_199:}

亦是金 发表于 2024-3-23 20:20

大猫咪 发表于 2024-3-23 20:18
图美歌靓   好制作   谢谢朋友分享！

问好大猫咪！谢谢欣赏点赞！{:4_187:}

马黑黑 发表于 2024-3-23 20:20

好创意

亦是金 发表于 2024-3-23 20:38

马黑黑 发表于 2024-3-23 20:20
好创意

问好老师！谢谢点赞！{:4_180:}

马黑黑 发表于 2024-3-23 22:06

亦是金 发表于 2024-3-23 20:38
问好老师！谢谢点赞！

{:4_191:}

樵歌 发表于 2024-3-24 07:04

跳动的粒子也成一朵花儿。好创新！

亦是金 发表于 2024-3-24 08:11

樵歌 发表于 2024-3-24 07:04
跳动的粒子也成一朵花儿。好创新！

樵歌早上好！谢谢欣赏点赞！{:4_180:}

庶民 发表于 2024-3-24 08:31

很有味道。

红影 发表于 2024-3-25 09:55

这个很神奇，两个进度条都能和歌词对应，频谱也能对应呢，还能一键暂停。
欣赏亦是金老师好帖{:4_199:}

红影 发表于 2024-3-25 09:56

歌曲也好听，唯一的是摆动字没摆起来？{:4_173:}

冬天的雨 发表于 2024-3-26 22:28

这个也是有swf播放器的，老师肯定是播放器高手了{:4_178:}
页: [1]
查看完整版本: 《今生相依来生相随》-落 笔