绿叶清舟 发表于 2025-12-14 20:49

心静性闲


<style>
    @import 'https://638183.freep.cn/638183/web/tz/tz.min.css';
    .pa {
            --offsetX: 81px;
            --bg: url('https://pic1.imgdb.cn/item/693d656525ec9c13612bddeb.jpg') no-repeat center/cover;
    }
    .gRot { animation: rotate 8s linear infinite var(--state); }
    #msvg { position: absolute; bottom: 20px; }
</style>


<div class="pa">
    <svg id="msvg" width="100" height="100" xmlns="http://www.w3.org/2000/svg" viewBox="-100 -100 200 200">
      <g stroke="#87c8dd" stroke-width="10">
            <ellipse id="track" cx="0" cy="0" rx="95" ry="85" fill="none" />
            <ellipse id="prog" cx="0" cy="0" rx="95" ry="85" fill="none" stroke="#ebf2f3" />
      </g>
    </svg>
</div>

<script type="module">
    import TZ from 'https://638183.freep.cn/638183/web/tz/tz.v3.js?v0';
    const tz = TZ.TZ('pa');

    tz.add('audio', '', '', {
            src: 'https://music.163.com/song/media/outer/url?id=27965198'
    });

    tz.add('video', '', 'pd-vid', {
            src: 'https://img.tukuppt.com/video_show/7165162/00/20/20/5f20f36d9ecbc.mp4',
            style: 'opacity: 0.3;'
    });

    tz.svgsonsRot(4, 'msvg', 'path', {
      d: 'M0 0 C-100 100,100 100,0 0',
      fill: '#a8d7ea'
    }).playmp3();

    tz.svgprog('msvg', 'track', 'prog');
</script>

小文 发表于 2025-12-14 21:45

喜欢

红影 发表于 2025-12-14 23:20

这一叶舟还真是一片树叶子啊，有趣。
岸边打坐的看着很静。其实整个画面都感觉有清净的感觉。
欣赏清舟好帖{:4_199:}

小文 发表于 2025-12-14 23:36

红影 发表于 2025-12-14 23:20
这一叶舟还真是一片树叶子啊，有趣。
岸边打坐的看着很静。其实整个画面都感觉有清净的感觉。
欣赏清舟好 ...

很有禅意的古琴（非古筝）演绎，似达摩渡江，谁谓河广，一苇杭之。给先生请安，晚上好！

红影 发表于 2025-12-15 23:12

小文 发表于 2025-12-14 23:36
很有禅意的古琴（非古筝）演绎，似达摩渡江，谁谓河广，一苇杭之。给先生请安，晚上好！

小文说得真好{:4_187:}
页: [1]
查看完整版本: 心静性闲