暗之恶魔登场印象

马黑黑 · 发表于 2025-10-23 08:05

请马上登录，朋友们都在花潮里等着你哦：）

您需要登录才可以下载或查看，没有账号？立即注册

x

马黑黑 · 发表于 2025-10-23 08:06

帖子代码

<style>
@import 'https://638183.freep.cn/638183/web/tz/tz.e.css';
.pa { --offsetX: 0px; --bg: url('https://pic.biubiu001.com/gamebase/gamedb/res/20241103/14/14/1f33790b443c9c91bc303075a6b17ab7.jpeg') center/cover; }
.fan { position: absolute; width: 100%; height: 100%; background: var(--cc); clip-path: path('M50 50 L30 20 Q50 -10,70 20 L50 50'); }
</style>
<div class="pa"></div>
<script type="module">
import TZ from 'https://638183.freep.cn/638183/web/tz/tz.e.js';
const tz = TZ.TZ('pa');
tz.add('audio', '', '', {src: 'https://music.163.com/song/media/outer/url?id=1493815472'});
tz.add('video', '', 'pd-vid', {src: 'https://img.tukuppt.com/video_show/2629112/00/01/92/5b4da1137698b.mp4'});
tz.bgprog().style('right: 60px; bottom: 180px; transform: rotate(-81deg) ; color: snow; --prog: snow;');
tz.fs().style('bottom: 20px; right: 20px;');
tz.add('div', 'player', '', {class: 'wrap100 ma hue-rotate'});
tz.lzRot(5, 'player', {className: 'fan', cc: 'linear-gradient(plum, darkred)'}).playmp3().style('bottom: 40px;');
</script>

复制代码

马黑黑 · 发表于 2025-10-23 08:12

使用 tzMaker.e 发帖可以充分利用 style('css代码') 指令对创建的元素做补充设置，最常见的是安排位置。这样可以令CSS代码少很多。当然，如果需要复杂的CSS设置，另当别论，style() 指令主要适合CSS代码不多的情形，太多的话从结构上看代码有失衡的感觉（虽然不会影响指令的执行）。