朵拉 发表于 2024-12-30 13:35

亲爱的,做自己就好 TO:论坛朋友们元旦快乐!

<style>
#tz { margin: 30px 0 30px calc(50% - 800px); width: 1600px; height: 900px; background: linear-gradient(rgba(0,0,0,.25),rgba(0,0,0,.35)), url('https://pic1.imgdb.cn/item/67717adbd0e0a243d4ec3867.jpg') no-repeat center/cover; box-shadow: 2px 2px 6px #333; z-index: 1; position: relative; }
#tz::after { position: absolute; inset: 0; content: ''; background: url('https://638183.freep.cn/638183/web/svg/updwonballs.svg') no-repeat center/cover; opacity: var(--opacity); transition: 1.5s; pointer-events: none; }
#player { position: absolute; left: 1098px; top: 310px; width: 150px; height: 150px; cursor: pointer; transition: .6s; opacity: .8; animation: rot 8s linear infinite var(--state); }
#player:hover { filter: invert(100%) drop-shadow(0 0 4px #333); }
@keyframes rot { to { transform: rotate(1turn); } }
</style>

<div id="tz">
        <audio id="aud" src="https://file.uhsea.com/2412/652b7ef655d9017eabd53ba24fe4c9a0JW.mp3" autoplay="" loop=""></audio>
       
        <img id="player" src="https://638183.freep.cn/638183/web/svg/jupm.svg" alt="" title="播放/暂停" />
</div>

<script>
var sc = document.createElement('script');
sc.src = 'https://638183.freep.cn/638183/web/js2024/fscreen.js';
sc.charset = 'utf-8';
document.body.appendChild(sc);
sc.onload = () => FS({
        papa: '#tz',
        scale: ,
        css: 'left: 50%; bottom: 20px; transform: translate(-50%); --bg: transparent; --color: lightblue',
});
mState = () => {
        tz.style.setProperty('--state', aud.paused ? 'paused' : 'running');
        tz.style.setProperty('--opacity', aud.paused ? '0' : '1');
};
aud.onplaying = aud.onpause = () => mState();
player.onclick = () => aud.paused ? aud.play() : aud.pause();
</script>

朵拉 发表于 2024-12-30 13:35

学生拙图一张,祝论坛朋友们元旦快乐{:4_204:}

朵拉 发表于 2024-12-30 13:36

点击小风车 是音乐播放器哈~~

梦江南 发表于 2024-12-30 13:41

祝朵拉老师,2025元旦快乐!

朵拉 发表于 2024-12-30 13:43

梦江南 发表于 2024-12-30 13:41
祝朵拉老师,2025元旦快乐!

梦江南老师好,祝您2025元旦快乐{:4_204:}

梦油 发表于 2024-12-30 13:46

朵拉朋友新年快乐!花潮朋友们新年快乐!

朵拉 发表于 2024-12-30 13:50

梦油 发表于 2024-12-30 13:46
朵拉朋友新年快乐!花潮朋友们新年快乐!

问好梦油老师,祝您2025元旦快乐{:4_204:}

小辣椒 发表于 2024-12-30 14:13

谢谢朵拉的祝福,我们一起元旦快乐!

梦油 发表于 2024-12-30 14:15

朵拉 发表于 2024-12-30 13:50
问好梦油老师,祝您2025元旦快乐

谢谢朵拉朋友的美好祝福。

樵歌 发表于 2024-12-30 16:10

开心地欣赏朵儿的美美的大图音画{:4_204:}祝朵儿新年快乐!

秋思梦景 发表于 2024-12-30 21:09

问候老师好!精美音画佳作,精心制作分享。为您点赞向您学习!{:5_116:}{:4_187:}

红影 发表于 2024-12-30 21:41

小播漂亮,小球球的效果也很漂亮。
欣赏朵宝好帖,感谢你的美好祝福,借帖同祝大家新春快乐{:4_177:}
页: [1]
查看完整版本: 亲爱的,做自己就好 TO:论坛朋友们元旦快乐!