亦是金 发表于 2023-10-26 21:48

《永远是朋友》 - 梦之旅 ( 帖赠:小辣椒)

<meta charset="UTF-8">
<div class="t_fsz">
<table cellspacing="0" cellpadding="0"><tr><td class="t_f" id="postmessage_1969237">

<div style="width: 1200px;height: 700px;box-shadow:0px 0px 1px 2px #045768, 0px 0px 0px 8px #99e5f5,0px 0px 5px 15px #045768;overflow:hidden;border-radius:1%;margin-top:100px;margin-LEFT: -310px;">
<style>
#papa {
      margin: ; width: 1200px; height: 700px;top:-80px; LEFT: 0px;background: url('https://z4a.net/images/2023/10/26/HDITij.jpg') no-repeat center/cover; box-shadow: 4px 4px 8px black; overflow: hidden; display: grid; place-items: center; z-index: 1; position: relative; --state: running; }
#vid1 {
    position: absolute;
    width: 100%;
    height: 100%;
                left:0%;
bottom:0%;
    object-fit: cover;
    pointer-events: none;
    mix-blend-mode: screen;
    z-index: 2;
    opacity: .30;
}
#vid2 {
    position: absolute;
    width: 0%;
    height: 0%;
               top:60%;
left:0%;
    object-fit: cover;
    pointer-events: none;
    mix-blend-mode: screen;
    z-index: 3;
    opacity: .99;
</style>

<div style="position: relative; width: 500px; height: 50px; top:650px;LEFT: 1000px;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 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: -10px;LEFT: -400px;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:30px;">《永远是朋友》 </span>
<span style="color:#3d46f7;"><span style="font-size:22px;">   - 梦之旅</span></div>

</style>

<div id="papa">

<video id="vid1" src="https://imgs-qn.51miz.com/preview/video/00/00/14/27/V-142726-9042EF04.mp4" autoplay="" loop="" muted=""></video>
<video id="vid2" src="https://imgs-qn.51miz.com/preview/video/00/00/14/27/V-142735-989D2804.mp" autoplay="" loop="" muted=""></video>

        <audio id="aud" src="https://ysj147.s3-us-east-1.ossfiles.com/ltdgs01/0210.mp3" autoplay loop></audio>
</div>

<script>

(function() {
let lrcAr = [
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
       
];

      let rippleJs = 'https://638183.freep.cn/638183/web/svg/ripple-min.js',
                js1 = 'https://ysj147.s3-us-east-1.ossfiles.com/zzsc/js/svg_path_lrcysj.js',
                js2 = 'https://638183.freep.cn/638183/web/lizi/h5lz_02.js';
        let loadJs = (url,callback) => {
                let body = document.querySelector('body'), jsNode = document.createElement('script');
                jsNode.charset = 'utf-8';
                jsNode.setAttribute('src', url);
                body.appendChild(jsNode);
                jsNode.onload = () => callback();
        };

      loadJs(rippleJs, () => rippleEffect(papa));

        loadJs(js1, () => {
                HCPlayer({
                        papa: '#papa',
                        lrcAr: lrcAr,
                        lrc_css: 'bottom: 20px; --bg: linear-gradient(rgba(255,140,240,.35),rgba(250,90,220,.7)); color: #eee;',
                        fs_css: 'transform: translate(0,-35px); background: transparent;',
                        player_css: 'width: 250px; height: 350px;top: 35%; left: 75%; ',
                        path: 'm145.11405,37.31448l0,-12.04268l-22.03259,-3.25093c-24.42589,9.33939 -33.55636,33.66636 -92.69141,33.66636a23.39005,7.51661 0 0 0 0,15.03322c88.81535,0 154.81287,-16.49225 175.08285,-28.23293l-15.47502,-5.17304l-44.88383,0zm99.63742,-17.23049c-31.45126,-8.03204 -38.44321,-14.53256 -46.19534,-17.68417a3.34144,1.0738 0 0 0 -4.98292,-0.07919l-9.56486,3.08718a3.3665,1.08186 0 0 0 -0.37173,1.37312c2.86528,1.39057 7.12143,4.7113 -0.58475,9.70717a59.6655,19.17407 0 0 0 -23.87455,-1.60533c-11.69502,0 -22.55469,1.14628 -31.88565,3.03215l31.18812,4.60258l0,10.50178l37.21106,0l22.83871,7.63473c1.36163,-1.69392 2.3223,-3.44019 2.3223,-5.27639a64.32263,20.67068 0 0 0 -20.98421,-15.29362l44.88383,0z',
                        btn: {left: 34, top: 20},
                        track: {track: '#f4fd05', prog: '#fb0925'},
                        img: {play: 'https://pic.imgdb.cn/item/65212a5ac458853aef566925.png', pause: 'https://pic.imgdb.cn/item/65212a6bc458853aef566b8e.png'}
                });
        });

        loadJs(js2, () => {
                H5lz({
                        papa: '#papa',
                        total: 7,
                        size: {width: 32, height: 42},
                        shape: {background: 'url("https://www.huachaowang.com/static/image/smiley/hcbiaoqing2/105.gif") no-repeat center/cover', borderRadius: '0'},
                        ani: 'toBottom',
                        maxTime: 30,
                        offset: {x: -100, y: 0},
                });
        });
})();

</script>
</td></tr></table>

红影 发表于 2023-10-27 09:15

哇,这个还是个辣椒路径呢,好玩。亲爱的快来收礼@小辣椒 {:4_187:}

红影 发表于 2023-10-27 09:18

这路径红艳艳的,红辣椒呢。画面很美,美人的笑容很温暖,还有摇曳的蝴蝶和花枝动态。欣赏亦是金老师好帖{:4_199:}

红影 发表于 2023-10-27 09:19

发现水波纹效果点在美女脸上更有趣,让美女眼睛都笑弯了{:4_173:}

红影 发表于 2023-10-27 09:22

飘落的玫瑰的粒子效果又是论坛表情吧,歌曲的选择很让人感觉温暖。
祝愿每个人《永远是朋友》{:4_187:}

亦是金 发表于 2023-10-27 09:51

红影 发表于 2023-10-27 09:15
哇,这个还是个辣椒路径呢,好玩。亲爱的快来收礼@小辣椒

问好红影!你总是第一个跑来的!跑步的速度一定飞快的!{:4_196:}

亦是金 发表于 2023-10-27 09:53

红影 发表于 2023-10-27 09:18
这路径红艳艳的,红辣椒呢。画面很美,美人的笑容很温暖,还有摇曳的蝴蝶和花枝动态。欣赏亦是金老师好帖{: ...

就喜欢听你的点评!{:4_187:}

亦是金 发表于 2023-10-27 09:53

红影 发表于 2023-10-27 09:19
发现水波纹效果点在美女脸上更有趣,让美女眼睛都笑弯了

{:4_189:}

亦是金 发表于 2023-10-27 09:54

红影 发表于 2023-10-27 09:22
飘落的玫瑰的粒子效果又是论坛表情吧,歌曲的选择很让人感觉温暖。
祝愿每个人《永远是朋友》

祝朋友们欣赏快乐!{:4_187:}{:4_176:}

红影 发表于 2023-10-27 13:34

亦是金 发表于 2023-10-27 09:51
问好红影!你总是第一个跑来的!跑步的速度一定飞快的!

早上才看到,昨天竟然漏看帖子了,否则来得还要快呢{:4_173:}

红影 发表于 2023-10-27 13:35

亦是金 发表于 2023-10-27 09:53
就喜欢听你的点评!

就喜欢看亦是金老师的新路径帖子,每次都能带来新的感受{:4_187:}

红影 发表于 2023-10-27 13:35

亦是金 发表于 2023-10-27 09:53


头一次发现水波纹的这个妙用{:4_189:}

红影 发表于 2023-10-27 13:36

亦是金 发表于 2023-10-27 09:54
祝朋友们欣赏快乐!

这个歌名真的太好了{:4_204:}

亦是金 发表于 2023-10-27 17:11

红影 发表于 2023-10-27 13:34
早上才看到,昨天竟然漏看帖子了,否则来得还要快呢

牛!{:4_187:}

亦是金 发表于 2023-10-27 17:12

红影 发表于 2023-10-27 13:35
就喜欢看亦是金老师的新路径帖子,每次都能带来新的感受
好,我多发点!{:4_187:}

亦是金 发表于 2023-10-27 17:14

红影 发表于 2023-10-27 13:36
这个歌名真的太好了

同感!{:4_204:}

焱鑫磊 发表于 2023-10-27 17:35

有特色,赞!{:4_187:}

小辣椒 发表于 2023-10-27 17:40

红影 发表于 2023-10-27 09:15
哇,这个还是个辣椒路径呢,好玩。亲爱的快来收礼@小辣椒

来了来了,谢谢亲爱的告诉我{:4_179:}

小辣椒 发表于 2023-10-27 17:40

谢谢前辈的礼物,这个路径辣椒太美了{:4_173:}

小辣椒 发表于 2023-10-27 17:42

匆匆忙忙上来收个礼,小辣椒晚上再上来,分开的路径我不会做,还没有去学习的,以后前辈教我一下了{:4_187:}
页: [1] 2 3
查看完整版本: 《永远是朋友》 - 梦之旅 ( 帖赠:小辣椒)