亦是金 发表于 2023-11-9 13:52

《鸡毛上天》 - 张朋娜（签名路径试帖）

本帖最后由 亦是金 于 2023-11-9 14:15 编辑 <br /><br /><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: 550px;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: 550px;top:-80px; LEFT: 0px;background: url('https://z4a.net/images/2023/11/09/29877112_5f.gif') no-repeat center/cover; box-shadow: 4px 4px 8px black; overflow: hidden; display: grid; place-items: center; z-index: 1; position: relative; --state: running; }

#mydiv::before,
#mydiv::after { position: absolute; left: 0px; top: 0px; content:url('https://z4a.net/images/2023/11/09/87xxx.png');mix-blend-mode: normal;offset-path: path('M-20,120 L1224,20'); font-size: 30px; animation: move 30s var(--delay) infinite var(--state); --delay: 0s; }
#mydiv::after { --delay: -15s; }
@keyframes move { from {offset-distance: 0%; transform: rotate(0deg); } to { offset-distance: 100%; transform: rotate(720deg); } }

#sky { position: absolute; width: 1200px; height: 700px; top:0; left: 0; transform: rotate(0deg); }
#dt1{ position: absolute; width:120px; height :60px; top: 72%; left: 44%; }
#dt2{ position: absolute; width:130px; height:130px; top: 70%; left: 72%; }

</style>

<div style="position: relative; width: 500px; height: 50px; top:500px;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: -20px;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">

<div id="mydiv"></div>


<img id="dt1" src="https://z3.ax1x.com/2021/08/26/hujGMd.gif" alt="" />
<img id="dt2" src="http://www.bohann.net/static/image/smiley/erhua/013.gif " alt="" />
      <div id="sky"></div>

        <audio id="aud" src="https://music.163.com/song/media/outer/url?id=1922282303.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(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: 350px; height: 350px;top: 50%; left: 82%; ',
                        path: 'm180.69351,110.0086c-2.58233,-0.76597 -5.57945,-1.24974 -8.72437,-1.33873c-10.27076,-1.20868 -24.20583,0.65166 -35.24515,4.70299c3.25629,-5.45913 -9.14416,-3.06412 -13.8701,-2.22465c-15.18768,2.69687 -28.82575,7.57537 -40.98417,14.23655c1.07519,-4.63367 -7.4714,-1.92992 -13.58131,1.54103c-12.05776,6.85635 -21.64849,15.04062 -27.51102,24.94536c-5.21534,8.81651 -5.18215,17.75887 -0.50262,26.06382c15.82201,-11.97108 30.86798,-23.41341 50.23971,-34.92114c21.68455,-12.89609 47.59455,-22.81141 62.63766,-23.70102c-56.68553,19.55752 -94.17138,51.91133 -130.65165,84.95959l63.17668,0l0,-1.66517l-56.50704,0c1.07269,-0.32473 2.01117,-0.73475 2.93644,-1.4309c4.20511,-3.15458 7.65987,-6.77818 12.11202,-9.78208c5.60979,-3.77601 5.94785,-3.45669 10.77373,-3.54347c9.39225,-0.16519 18.88482,-0.63937 28.10931,-1.7984c19.62197,-2.46605 36.36175,-8.59969 49.16737,-19.1738c3.19381,-2.63787 6.30089,-7.1297 -1.96191,-6.95223c2.91288,-0.94271 4.98331,-1.51596 6.91167,-2.25095c15.03026,-5.73444 28.97567,-12.31572 37.8132,-22.71014c2.38528,-2.80503 5.10504,-8.16484 -2.94393,-7.11766c4.43929,-2.96825 8.81932,-5.41659 12.31014,-8.34233c5.18214,-4.33917 3.81852,-7.34873 -3.70464,-9.49669l0,0.00001zm-44.77414,89.43282l-0.68147,1.39878l-0.29814,0.61806c-0.65307,1.30119 -1.23516,2.29876 -1.74625,3.00357c-0.5111,0.70481 -1.23516,1.27949 -2.17218,1.73491c-0.93701,0.46626 -2.20058,0.69397 -3.79066,0.69397c-1.36293,0 -2.64068,-0.23855 -3.83325,-0.71565l1.49071,-3.09031c0.73825,0.1518 1.5191,0.22771 2.34254,0.22771c0.5111,0 0.93701,-0.10843 1.27775,-0.34698c0.34073,-0.22771 0.59629,-0.46626 0.76665,-0.72649c0.17037,-0.26024 0.42592,-0.72649 0.76665,-1.39878l0.72406,-1.4313l-8.98685,-18.23825l5.45174,0l6.09061,12.9793l0.46851,-0.97589l5.66469,-12.00341l5.49433,0l-9.02944,18.27078l0.00001,0l-0.00001,-0.00001zm28.54398,4.99737c-0.82996,1.21467 -1.94125,2.12942 -3.33389,2.75925c-1.39263,0.62983 -2.91187,0.94474 -4.57179,0.94474c-2.75714,0 -5.14853,-0.68981 -7.17418,-2.03945c-2.02565,-1.36463 -3.29169,-3.20913 -3.79809,-5.54849l4.59991,-1.70953c0.25321,0.86976 0.52048,1.57457 0.81588,2.12942c0.29541,0.55485 0.84402,1.06471 1.64584,1.52959c0.80182,0.46488 1.94125,0.70481 3.43235,0.70481c1.20976,0 2.26479,-0.29992 3.16508,-0.89975c0.90029,-0.59984 1.35043,-1.33464 1.35043,-2.2044c0,-0.74979 -0.39388,-1.28965 -1.18164,-1.64955c-0.78776,-0.34491 -2.06785,-0.7198 -3.84029,-1.13969c-1.85685,-0.41989 -3.39015,-0.85477 -4.59991,-1.30465c-1.20976,-0.44988 -2.25073,-1.16968 -3.12288,-2.12942c-0.87216,-0.97473 -1.30823,-2.27938 -1.30823,-3.92893c0,-2.51931 0.88623,-4.48378 2.67274,-5.8934s4.12164,-2.11443 7.01945,-2.11443c1.35043,0 2.6868,0.25493 4.02317,0.76479c1.33637,0.50987 2.48986,1.28965 3.47455,2.33936c0.98469,1.04971 1.63178,2.35436 1.94125,3.91393l-4.47332,1.61956c-0.25321,-0.80978 -0.74555,-1.61956 -1.47703,-2.44433c-0.73148,-0.82478 -1.92718,-1.22967 -3.58709,-1.22967c-1.4067,0 -2.50393,0.31491 -3.30575,0.91475c-0.80182,0.61484 -1.1957,1.31964 -1.1957,2.12942c0,0.7198 0.40794,1.27466 1.2379,1.67954c0.82996,0.40489 2.13818,0.85477 3.89657,1.31964c1.85685,0.50987 3.37609,1.00472 4.55771,1.49959c1.18164,0.49487 2.19445,1.19968 3.05254,2.11443c0.85808,0.91475 1.2801,2.08443 1.2801,3.52405c0.0422,1.67954 -0.36574,3.13415 -1.1957,4.34882zm18.15338,-16.33066l0,16.50803c0,0.91003 -0.5064,1.75637 -1.51919,2.539c-1.0128,0.78263 -2.39019,1.40145 -4.1322,1.85647c-1.74201,0.45502 -3.64606,0.68253 -5.71217,0.68253c-1.98508,0 -3.82836,-0.20021 -5.52986,-0.60062l2.18764,-2.5936c1.0533,0.1274 2.16738,0.19111 3.34222,0.19111c1.33689,0 2.34969,-0.20931 2.99787,-0.62792c0.66845,-0.41861 0.99254,-0.90094 0.99254,-1.44695l0,-16.50803l7.37315,0l0.00001,0zm-6.74522,-3.27612c-0.85075,-0.38222 -1.27612,-0.84633 -1.27612,-1.39235c0,-0.52782 0.42537,-0.98284 1.27612,-1.36505c0.871,-0.38222 1.86354,-0.57332 3.03839,-0.57332c1.21536,0 2.24841,0.19111 3.09915,0.57332s1.27612,0.83723 1.27612,1.36505c0,0.54602 -0.42537,1.01014 -1.27612,1.39235s-1.8838,0.57332 -3.09915,0.57332c-1.17484,0 -2.16738,-0.19111 -3.03839,-0.57332z',
                        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("") no-repeat center/cover', borderRadius: '0'},
                        ani: 'toBottom',
                        maxTime: 30,
                        offset: {x: -100, y: 0},
                });
        });
})();

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

红影 发表于 2023-11-9 14:12

看到签名上的路径也在动，这个漂亮{:4_199:}

红影 发表于 2023-11-9 14:14

这个树叶好像在张鑫旭大侠网站中看到，这个签名又是怎么加到这个图里的呢？{:4_173:}

红影 发表于 2023-11-9 14:15

哦，那天看小辣椒在吉他里加了个音符，也是不知道怎么加上去的。{:4_204:}

红影 发表于 2023-11-9 14:15

亦是金老师尝试的都是新玩法，很厉害{:4_199:}

红影 发表于 2023-11-9 14:20

哦，这个模拟的不是树叶，是羽毛吧，看到了飘飞的羽毛呢{:4_173:}

亦是金 发表于 2023-11-9 14:23

红影 发表于 2023-11-9 14:12
看到签名上的路径也在动，这个漂亮

问好红影！{:4_187:}

亦是金 发表于 2023-11-9 14:26

红影 发表于 2023-11-9 14:14
这个树叶好像在张鑫旭大侠网站中看到，这个签名又是怎么加到这个图里的呢？

哈哈哈！我也觉得奇怪，在羽毛签字笔下面怎么有我的签名呢？{:4_189:}

亦是金 发表于 2023-11-9 14:28

红影 发表于 2023-11-9 14:15
哦，那天看小辣椒在吉他里加了个音符，也是不知道怎么加上去的。

给小辣椒点赞献花！{:4_187:}

亦是金 发表于 2023-11-9 14:29

红影 发表于 2023-11-9 14:20
哦，这个模拟的不是树叶，是羽毛吧，看到了飘飞的羽毛呢

是羽毛签字笔！{:4_189:}

红影 发表于 2023-11-9 15:54

亦是金 发表于 2023-11-9 14:23
问好红影！

问好亦是金老师，下午好{:4_173:}

红影 发表于 2023-11-9 15:55

亦是金 发表于 2023-11-9 14:26
哈哈哈！我也觉得奇怪，在羽毛签字笔下面怎么有我的签名呢？

是啊，能设计出这个路径太厉害了{:4_173:}

红影 发表于 2023-11-9 15:55

亦是金 发表于 2023-11-9 14:28
给小辣椒点赞献花！

你们都厉害{:4_204:}

红影 发表于 2023-11-9 15:56

亦是金 发表于 2023-11-9 14:29
是羽毛签字笔！

前面是我看错了{:4_189:}

亦是金 发表于 2023-11-9 16:45

红影 发表于 2023-11-9 15:54
问好亦是金老师，下午好

红影，下午好！{:4_187:}

亦是金 发表于 2023-11-9 16:46

红影 发表于 2023-11-9 15:55
是啊，能设计出这个路径太厉害了

哈哈哈！谢谢夸奖！{:4_187:}

亦是金 发表于 2023-11-9 16:47

红影 发表于 2023-11-9 15:56
前面是我看错了

{:4_196:}

小辣椒 发表于 2023-11-9 17:31

前辈太厉害了，自己制作签名svg了{:4_178:}

小辣椒 发表于 2023-11-9 17:31

漂亮的制作，好听的歌曲，赞的{:4_187:}

亦是金 发表于 2023-11-9 18:08

小辣椒 发表于 2023-11-9 17:31
前辈太厉害了，自己制作签名svg了

问好小辣椒！谢谢表扬！{:4_187:}
页: [1] 2
查看完整版本: 《鸡毛上天》 - 张朋娜（签名路径试帖）