绿叶清舟 发表于 2025-12-22 20:52

想神马有神马


<style>
        @import 'https://638183.freep.cn/638183/web/tz/tz.v4.css';
        .pa { --offsetX: 81px; --bg: url('https://pic1.imgdb.cn/item/69493c38c154427986d9ee14.jpg') no-repeat center/cover; }
        .title-text { font-size: 40px; cursor: pointer; transition: .5s; animation: flash .5s infinite alternate var(--state); }
        .title-text:hover { transform: scale(1.2) rotate(15deg); }
        .pd-vid { opacity: 1; clip-path: polygon(0 0,50% 20%,100% 0,100% 100%, 50% 80%, 0 100%); mix-blend-mode: lighten;}
</style>

<div id="pa" class="pa"></div>

<script type="module">
        import TZ from 'https://638183.freep.cn/638183/web/tz/tz.v4.js';
        const tz = TZ.TZ('pa');
       
        tz.add('audio', '', '', {src: 'https://music.163.com/song/media/outer/url?id=28211166'});
        tz.add('video', '', 'pd-vid', {src: 'https://img.tukuppt.com/video_show/2629112/00/02/10/5b51555fb44a9.mp4'});

        tz.add('div', 'player', 'wrap100', {style: 'bottom: 20px'});

        const txtAr = '马上发财'.split(''); // 帖子标题按字拆分为数组
        // 按标题字数获取外切园上半部各字所在标签的位置
        const pos = tz.ringPos(txtAr.length, {cx: 50, cy: 50, r1: 160, r2: 80, a: 180, startA: -180, offsetX: 20});
        // 输出半圆弧状标题
        pos.forEach((p, k) => {
                tz.add('span', '', 'title-text', {style: `left: ${p}px; top: ${p}px; color: ${tz.colorHSL()}`})
                  .text(txtAr)
                  .to(player)
                  .playmp3();
        });
       
        tz.bgprog().style('width: 120px; bottom: 25px; color: #fde870');
       
        tz.fs().style('top: 30px');
</script>

马黑黑 发表于 2025-12-22 21:01

这个是丙午年的愿景帖。好作品。

马黑黑 发表于 2025-12-22 21:01

这个是丙午年的愿景帖。好作品。

梦油 发表于 2025-12-22 21:04

这是马年最好的礼物啊！来一个小金马多棒啊。

绿叶清舟 发表于 2025-12-22 21:05

马黑黑 发表于 2025-12-22 21:01
这个是丙午年的愿景帖。好作品。

本来还在想去找找马年贴该用哪个效果的了，看到你那个贴用来正好

马黑黑 发表于 2025-12-22 21:07

绿叶清舟 发表于 2025-12-22 21:05
本来还在想去找找马年贴该用哪个效果的了，看到你那个贴用来正好

都可以的。你还可以使用立体的、奔跑的马，不过那个需要用到的代码九十分复杂了，数学还要好

小辣椒 发表于 2025-12-22 21:14

清舟这个帖寓意太好了，想什么有什么，简直是太幸福了{:4_205:}

樵歌 发表于 2025-12-22 21:20

一语双关，一箭双雕，一举两得，一马争先，一匹神马！{:4_178:}

霜染枫丹 发表于 2025-12-22 21:48

奔腾的马年，好贴好运！！{:4_204:}{:4_190:}

杨帆 发表于 2025-12-22 22:16

大气恢宏，应景之作，祝清舟想神马有神马{:4_204:}

红影 发表于 2025-12-22 22:16

神马来了，好运也来了，清舟的帖子寓意真好，太赞了{:4_199:}

梦江南 发表于 2025-12-23 08:24

神马来了，让我们在马年“驫”起来！{:4_199:}

偶然~ 发表于 2025-12-23 08:56

来欣赏精品佳作！

偶然~ 发表于 2025-12-23 08:57

乐观潇洒无烦恼，
欢歌笑语人难老，
心宽知足岁月好，
身体健康无价宝！
彼此平安早上好！

偶然~ 发表于 2025-12-23 08:57

感谢你带来的精彩，辛苦了！祝你开心幸福、阖家安康！
页: [1]
查看完整版本: 想神马有神马