So Weak

马黑黑 发表于 2025-10-25 20:36

马黑黑 发表于 2025-10-25 20:36

帖子代码

<style>
@import 'https://638183.freep.cn/638183/web/tz/tz.e.css';
.pa { --offsetX: 81px; --bg: url('https://638183.freep.cn/638183/t24/w7/qiu.webp') no-repeat center/cover; }
.li-zi { width: 40px; height: 30px; background: gold; clip-path: polygon(0 0, 100% 50%, 0 100%); offset-path: polygon(2% 2%, 98% 50%, 2% 98%); offset-distance: 0; }
.petal { width: 100%; height: 100%; background: url('https://638183.freep.cn/638183/small/2025/fl101.png') no-repeat center/cover; clip-path: path('M50 50 C10 -12, 90 -12, 50 50'); }
</style>

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

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

tz.add('audio', '', '', { src: 'https://music.163.com/song/media/outer/url?id=472167986' });
tz.bgprog().style('bottom: 20px; color: gold');
tz.fs().style('right: 30px; bottom: 20px; color: gold');
tz.add('div', 'lzpa', 'wrap100 rot-ani', {
style: 'bottom: 45px; cursor: pointer;'
}).playmp3();
tz.lzRan(15, 'pa', {
className: 'li-zi path-ani',
background: 'gold',
delay: -20,
duration: 20
});
tz.lzRot(6, 'lzpa', {className: 'petal'});
</script>

马黑黑 发表于 2025-10-25 20:44

帖子测试 tzMaker.f 初测版，.f.trial.v1 模块尚未定型，这里仅做测试之用。

.f 将重点处理一些业已发现的问题和缺陷，这应该是一个漫长的过程，一两天内无法完成。原因之一是问题和缺陷尚待发现，原因之二是在不改变指令结构的基础上去修正问题过程比较繁琐。

.f 可能不会增加新指令。

本帖所测试的 .f.trial.v1 模块，重点之一在粒子系统层面，基于 lzRan、lzRot、lzRing 单个指令，能接收更多的CSS设置；重点之二是扩展 add 指令的接收多个 class 类名的能力。

马黑黑 发表于 2025-10-25 20:48

.f 模块的CSS文档目前没有任何变化，共享 .e 的同名文档资源

红影发表于 2025-10-25 21:47

已经到f 版的封装了，真好。{:4_187:}
一进来就看到黄色的小三角在走一条三角形的线路，进度条及小播都是颜色相配的，真漂亮{:4_199:}

红影发表于 2025-10-25 21:49

小播还加了个底图，更好看了{:4_187:}

马黑黑 发表于 2025-10-25 22:42

红影发表于 2025-10-25 21:49
小播还加了个底图，更好看了

好不好看就酱了

马黑黑 发表于 2025-10-25 22:43

红影发表于 2025-10-25 21:47
已经到f 版的封装了，真好。
一进来就看到黄色的小三角在走一条三角形的线路，进度条及小播都是 ...

这个是秋天的味道

梦江南 发表于 2025-10-26 09:40

这背景图和小播及三角箭旅游，深秋的景色，太美了！{:4_187:}

马黑黑 发表于 2025-10-26 12:24

梦江南发表于 2025-10-26 09:40
这背景图和小播及三角箭旅游，深秋的景色，太美了！

{:4_190:}

杨帆发表于 2025-10-26 16:42

.f 初测版测试正常，祝贺马老师再创新高{:4_176:}

马黑黑 发表于 2025-10-26 17:12

杨帆发表于 2025-10-26 16:42
.f 初测版测试正常，祝贺马老师再创新高

这是修正，没啥新高

老谟深虑 发表于 2025-10-26 19:00

欣赏老师的精美制作，好美的秋色。

马黑黑 发表于 2025-10-26 19:33

老谟深虑发表于 2025-10-26 19:00
欣赏老师的精美制作，好美的秋色。

{:4_191:}

红影发表于 2025-10-26 20:36

马黑黑发表于 2025-10-25 22:42
好不好看就酱了

这个也是很奇妙的构思呢{:4_187:}

红影发表于 2025-10-26 20:38

马黑黑发表于 2025-10-25 22:43
这个是秋天的味道

嗯嗯，所谓金秋，金色是主色调{:4_187:}

马黑黑 发表于 2025-10-26 21:44

红影发表于 2025-10-26 20:38
嗯嗯，所谓金秋，金色是主色调

对的

马黑黑 发表于 2025-10-26 21:45

红影发表于 2025-10-26 20:36
这个也是很奇妙的构思呢

还不差

红影发表于 2025-10-26 22:34

马黑黑发表于 2025-10-26 21:44
对的

这个帖子的色彩真亮堂，看着就让人心情好好。{:4_187:}

红影发表于 2025-10-26 22:35

马黑黑发表于 2025-10-26 21:45
还不差

和原图已经完全不同了呢，原图被切割了{:4_173:}

页: [1] 2

花潮论坛's Archiver

So Weak