冬天的雨 发表于 2023-11-17 20:05

想你想到睡不着


<style>
#papa { margin: 150px 0 0 calc(50% - 781px); width: 1400px; height: 720px; background: url('https://i.mp3.wf/view.php/9581850194a8255d6bd0d54dd4bb451f.jpg') no-repeat center/cover; box-shadow: 4px 4px 8px #000; overflow: hidden; display: grid; place-items: center; z-index: 1; position: relative; --state: running; }
#sky { position: absolute; width: 1400px; height: 380px; top:350; left: 650; transform: rotate(30deg); }
#dt1{ position: absolute; width:1200px; height:500px; top: 120px; left: 30px; }
#dt2{ position: absolute; width:122px; height :120px; top: 350px; left: 300px; }
#dt3{ position: absolute; width:12px; height:20px; top: 170px; left: 370px; }
#dt4{ position: absolute; width:122px; height:120px; top: 510px; left: 500px; }
#dt5{ position: absolute; width:122px; height:120px; top: 350px; left: 600px; }
</style>
<div id="papa">
<img id="dt1" src="https://xlaj.cn/assets/file/zp/20231004105737.gif " alt="" />
<img id="dt2" src="https://i.mp3.wf/view.php/f4827e16bdbe20ee792758d3dd8a1d19.gif " alt="" />
<img id="dt3" src="https://xlaj.cn/assets/file/zp/20231030141805.jpg " alt="" />
<img id="dt4" src="https://i.mp3.wf/view.php/f4827e16bdbe20ee792758d3dd8a1d19.gif " alt="" />
<img id="dt5" src="https://i.mp3.wf/view.php/f4827e16bdbe20ee792758d3dd8a1d19.gif " alt="" />
      <div id="sky"></div>
      <audio id="aud" src="https://wx.ttt.dj/updir/6381dd9968c5a.mp3" autoplay loop></audio>
</div>

<script>

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

               let js1 = 'https://xlaj.cn/assets/file/zp/20231029162717.js ',
                js2 = 'https://638183.freep.cn/638183/web/lizi/h5lz_2d.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: 'top:50px;; left: 15%;color:Honeydew; --bg: linear-gradient(rgba(100,149,2375,4),rgba(100,149,237,.17));',
               
                        fs_css: 'transform: translate(0px,40px); color: #F0FFF0; background: transparent; bottom: -250px;',
                  
                        player_css: 'width: 250px; height: 250px;left: 720px;top:200px; transform: translateY(-20px);',
                     path: 'width: 250px; height: 250px;left: 10px;top:320px; transform: translateY(-20px);',
                     path: 'm200.62628,85.2062c9.07435,0 22.20451,-1.8715 22.20451,-12.67442c0.05933,-1.81757 0.23191,-0.4908 -5.63068,-25.95291c-1.24587,-5.16415 -2.34072,-7.50757 -11.40968,-12.0407c-7.03565,-3.59738 -22.36092,-9.53818 -26.89405,-9.53818c-4.22301,0 -5.44731,5.43922 -10.48202,5.43922c-4.85403,0 -8.44332,-4.06121 -12.97645,-4.06121c-4.35245,0 -7.18936,2.96635 -9.37907,9.06626c-7.41589,20.9128 -7.08689,20.02829 -7.04374,21.10696c0,6.68778 26.33044,28.61453 61.61118,28.61453m23.59061,-8.24377c1.25396,5.93271 1.25396,6.56643 1.25396,7.34847c0,10.15572 -11.41507,15.79179 -26.42752,15.79179c-33.90813,0.02157 -63.61752,-19.86109 -63.61752,-32.98856a13.36208,13.36208 0 0 1 1.09485,-5.31786c-12.19981,0.60945 -27.9916,2.78568 -27.9916,16.72754c0,22.83284 54.10361,50.96736 96.94316,50.96736c32.84294,0 41.12716,-14.85335 41.12716,-26.58393c0,-9.22536 -7.97949,-19.69929 -22.36362,-25.95291',
                     btn: {left:114, top: 40},
              track: {track: '#F0FFF0', prog: '#66b1e7'},
                        img: {play: '', pause: ''}
                });
      });

      loadJs(js2, () => {
                H5lz({
                        papa: '#sky',
                        total: 15,
                        size: {width: 18, height: 34},
                        shape: {background: 'url("yezx.png") no-repeat center/cover', borderRadius: '0'},
                        ani: 'toBottom',
                        maxTime: 30,
                        offset: {x: 0, y: 0},
                });
      });
})();

</script>

冬天的雨 发表于 2023-11-17 20:06

继续想清舟{:4_170:}@緑叶清舟

冬天的雨 发表于 2023-11-17 20:07

@小辣椒

小辣椒吃惊吧，冬雨任务圆满完成{:4_170:}

冬天的雨 发表于 2023-11-17 20:09

帽子路径和人物帽子吻合，没有丝毫差错，小辣椒肯定没有想到吧{:4_205:}

冬天的雨 发表于 2023-11-17 20:10

冬雨这个路径想了很久怎么做出来，现在完美成功{:4_173:}

自己表扬自己{:4_170:}

冬天的雨 发表于 2023-11-17 20:11

谢谢马老师的路径教程分享，这个太好玩了@马黑黑

千羽 发表于 2023-11-17 20:17

好像你已发表过多次{:4_203:}

千羽 发表于 2023-11-17 20:17

内容有所不同{:4_203:}

冬天的雨 发表于 2023-11-17 20:18

千羽 发表于 2023-11-17 20:17
好像你已发表过多次

哈哈~~~第一次发这个帽子路径，歌曲第二次，图图也是第二次{:4_170:}

千羽 发表于 2023-11-17 20:19

这个路径很巧妙，冬雨也是最强大脑{:4_187:}

冬天的雨 发表于 2023-11-17 20:19

千羽 发表于 2023-11-17 20:17
内容有所不同

冬雨不会作图就一图多用{:4_205:}

冬天的雨 发表于 2023-11-17 20:21

千羽 发表于 2023-11-17 20:19
这个路径很巧妙，冬雨也是最强大脑

冬雨大脑不强的，只是看了小辣椒的东西想想做出来了

千羽 发表于 2023-11-17 20:23

冬天的雨 发表于 2023-11-17 20:07
@小辣椒

小辣椒吃惊吧，冬雨任务圆满完成

小辣椒，快来表扬一下{:4_189:}

冬天的雨 发表于 2023-11-17 20:24

千羽 发表于 2023-11-17 20:23
小辣椒，快来表扬一下

小辣椒还在外面游呢{:4_189:}

绿叶清舟 发表于 2023-11-17 20:25

今天晚上好好睡个啊{:4_189:}

千羽 发表于 2023-11-17 20:25

冬天的雨 发表于 2023-11-17 20:21
冬雨大脑不强的，只是看了小辣椒的东西想想做出来了

我看千万次也想不出来，更做不出来{:4_181:}

千羽 发表于 2023-11-17 20:29

冬天的雨 发表于 2023-11-17 20:24
小辣椒还在外面游呢

那你就等一会哈，小辣椒的表扬随后就到{:4_189:}

冬天的雨 发表于 2023-11-17 20:30

千羽 发表于 2023-11-17 20:29
那你就等一会哈，小辣椒的表扬随后就到

在线等{:4_189:}

绿叶清舟 发表于 2023-11-17 20:30

这个路径厉害了

冬天的雨 发表于 2023-11-17 20:31

千羽 发表于 2023-11-17 20:25
我看千万次也想不出来，更做不出来

这个冬雨应该比千羽稍微好一点点
页: [1] 2 3 4 5
查看完整版本: 想你想到睡不着