霜染枫丹 发表于 2026-5-27 22:22

傲然盛开（青花风格）


<style>
    @import 'https://638183.freep.cn/638183/web/api/audioplayer.css';
    .pa { --offsetX: 81px; --bg: url('https://ff.xiaoqiaodali.top:5401/i/2026/05/27/6a16f8c2b66cf.gif') no-repeat center/cover; color: white; }
    .player { width: 480px; left: 100px; bottom: 10px; }
    .btnFs { top: 25px; right: 20px; }
    #msvg { position: absolute; width: 20vw; heighht: 20vw; transition: .75s; opacity: var(--opacity); left: 10%; }
</style>

<div id="pa" class="pa">
    <video class="pd-vid" src="https://img2.tukuppt.com/video_show/2414777/00/02/13/5b514e39921d5.mp4" autoplay loop muted></video>
    <svg id="msvg" xmlns="http://www.w3.org/2000/svg" viewBox="-200 -200 400 400">
      <g id="g1" class="rot brightness">
            <title>播放/暂停(Alt+X)</title>
      </g>
    </svg>
</div>

<script>
    var options = {
      pa: '.pa',
      urls: [['http://cccimg.com/view.php/bbd3e2624aeea917e9464860bd1ceefc.mp3', '曲名']],
      btns: ,
    };

    loadJs('https://638183.freep.cn/638183/web/api/audioplayer.min.js?v0', function() {
      loadJs('https://638183.freep.cn/638183/svgdr/svgdr.min.js?v0', tzRun);
    });

    function tzRun() {
      var aud = new AudPlayer(options);
      var dr = _dr(msvg);
      dr.ellipse(0, 20, 120, 30, 'rgba(0,100,100, .25)').addTo(g1).rotates(9);
    }

    function loadJs(url, callback) {
      var script = document.createElement('script');
      script.charset = 'utf-8';
      script.src = url;
      script.onload = function() {
            if (callback) callback();
      };
      document.head.appendChild(script);
    }
</script>

红影 发表于 2026-5-27 22:35

枫丹真快，这么快就做好了。这个小播的颜色在这样的背景下很适合。
欣赏枫丹好帖{:4_187:}

红影 发表于 2026-5-27 22:37

背景视频很漂亮，给枫丹点赞{:4_187:}

霜染枫丹 发表于 2026-5-27 22:43

红影 发表于 2026-5-27 22:35
枫丹真快，这么快就做好了。这个小播的颜色在这样的背景下很适合。
欣赏枫丹好帖

套用了马老师的代码。这组代码我挺喜欢的，可以用自己的文案加以发挥，小播的呼吸感让画面灵动。第一次用AI出图青花风格，感谢红影的支持！！{:4_187:}{:4_190:}

也曾年轻 发表于 2026-5-27 22:44

https://pic.rmb.bdstatic.com/3b291f40e0fa515ed9f59de29646c373.gif

霜染枫丹 发表于 2026-5-27 22:46

也曾年轻 发表于 2026-5-27 22:44


也曾年轻晚上好~~感谢您的点赞！很荣幸。祝您夏安~~{:4_204:}{:4_190:}

杨帆 发表于 2026-5-28 15:46

好听好看，风格迥异，谢谢枫丹老师精彩分享{:4_204:}
页: [1]
查看完整版本: 傲然盛开（青花风格）