焱鑫磊 发表于 2023-8-25 13:20

《我爱你塞北的雪》殷秀梅

本帖最后由 焱鑫磊 于 2023-8-27 02:52 编辑 <br /><br /><style>
#papa{margin: 100px -300px ; width: 1200px; height: 675px; background: url('https://pic.imgdb.cn/item/64e8237f661c6c8e54e30f35.jpg') no-repeat center/cover; box-shadow: 3px 3px 20px #000; overflow: hidden; position: relative; display: grid; place-items: center; z-index: 1; --state: running; }
.leaf { position: absolute; font-size: 30px; top: -20%; color: AliceBlue; opacity: .64; animation: drop var(--duration) var(--delay) infinite linear var(--state); }
@keyframes drop { to { top: 105%; transform: rotate(1turn); } }
</style>

<div id="papa"></div>
<audio id="aud" src="https://i.mp3.wf/view.php/9c9ad89b349f420956f64c14a39ce15d.mp3" autoplay loop></audio>

<script>
let leaves = ['❄','❄','&#10052','❄','❄','❄'];
let script = document.createElement('script');
script.src = 'https://638183.freep.cn/638183/web/api/plater_lrc.js';
script.charset = 'utf-8';
document.head.appendChild(script);
let geci = [,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,

];               
    window.onload = () => {
      HCPlayer({
            papa: '#papa',
            lrcAr: geci,
                player_css: `
                        right: -4px;
                        bottom: 10px;
                        color: white;
                        --color1: snow;
                        --color2: black;
                `,
                lrc_css: `
                        bottom: 55px;
                        --color: linear-gradient(rgba(216,204,184,.3),rgba(216,204,184,.7));
                        --bg: linear-gradient(rgba(97,77,48,.25), rgba(97,77,48,.6));
                `,
      });
}
Array.from({length: 30}).forEach((item, key) => {
      item = document.createElement('span');
      item.className = 'leaf';
      item.innerHTML = leaves;
      item.style.cssText += `
                left: ${Math.random() * 100}%;
                font-size: ${30 + Math.floor(Math.random() * 30)}px;
                --duration: ${10 + Math.random() * 10}s;
                --delay: ${10 - Math.random() * 25}s;
      `;
      papa.appendChild(item);
});
</script>

小辣椒 发表于 2023-8-25 13:38

欣赏精彩的制作{:4_171:}

小辣椒 发表于 2023-8-25 13:39

这个是黑黑的转盘教程分享吧

小辣椒 发表于 2023-8-25 13:40

小辣椒都没有做的

红影 发表于 2023-8-25 16:12

这是醉美水芙蓉的背景图吧，不知道焱鑫磊用这个图是想测试什么？{:4_203:}

红影 发表于 2023-8-25 16:15

这个帖子里的全屏可以点开呢{:4_187:}

梦油 发表于 2023-8-25 17:35

曲好图美。谢谢鑫磊朋友。分享了。

千羽 发表于 2023-8-25 19:01

仙气缥缈，清爽惬意的唯美制作{:4_187:}

焱鑫磊 发表于 2023-8-25 21:21

小辣椒 发表于 2023-8-25 13:38
欣赏精彩的制作

谢谢小辣椒鼓励！{:4_187:}

焱鑫磊 发表于 2023-8-25 21:22

小辣椒 发表于 2023-8-25 13:39
这个是黑黑的转盘教程分享吧

{:4_181:}

焱鑫磊 发表于 2023-8-25 21:25

红影 发表于 2023-8-25 16:12
这是醉美水芙蓉的背景图吧，不知道焱鑫磊用这个图是想测试什么？

我很喜欢这个图片，与水芙蓉说过的，所以使用并保留此贴！{:4_190:}

焱鑫磊 发表于 2023-8-25 21:26

红影 发表于 2023-8-25 16:15
这个帖子里的全屏可以点开呢

{:4_181:}

焱鑫磊 发表于 2023-8-25 21:27

梦油 发表于 2023-8-25 17:35
曲好图美。谢谢鑫磊朋友。分享了。

谢谢朋友欣赏！{:4_187:}

焱鑫磊 发表于 2023-8-25 21:27

千羽 发表于 2023-8-25 19:01
仙气缥缈，清爽惬意的唯美制作

千羽好！{:4_187:}

红影 发表于 2023-8-25 22:20

焱鑫磊 发表于 2023-8-25 21:25
我很喜欢这个图片，与水芙蓉说过的，所以使用并保留此贴！

这张图图的确很漂亮的，好看{:4_187:}

红影 发表于 2023-8-25 22:21

焱鑫磊 发表于 2023-8-25 21:26


全屏的时候更漂亮呢{:4_199:}

梦油 发表于 2023-8-26 10:08

焱鑫磊 发表于 2023-8-25 21:27
谢谢朋友欣赏！

鑫磊朋友别客气。
页: [1]
查看完整版本: 《我爱你塞北的雪》殷秀梅