【月满花潮庆华诞】青 玉 恋（学习马黑黑I Am You效果）
本帖最后由 朵拉 于 2025-10-11 15:31 编辑 <br /><br /><style>@import 'https://638183.freep.cn/638183/web/tz/tz.css';
.pa { --offsetX: 81px; --bg: tan url('https://pic1.imgdb.cn/item/68e7b319c5157e1a885fc6f5.jpg') no-repeat center/cover; --ma-size: 8%; }
.btnFs { right: 30px; top: 30px; }
.ma { right: 43%; bottom: 76%; animation: climb .5s infinite alternate var(--state); }
#wrapper { padding: 0 20px; left: 408px; top: 416px; background: #F1F3F4; clip-path: polygon(0 0,5% 50%,0 100%,100% 100%,95% 50%,100% 0); opacity: 1; }
@keyframes climb { from { transform: skew(-2deg); } to { transform: skew(2deg); } }
</style>
<div id="pa" class="pa"></div>
<script type="module">
import TZ from 'https://638183.freep.cn/638183/web/tz/tz.b.js';
const tz = TZ.TZ('pa');
//视频
tz.add('video', '', 'pd-vid', {
src: 'https://img.tukuppt.com/video_show/15653652/05/64/70/64a4dbeedea08.mp4'}
);
//audio外壳
tz.add('div', 'wrapper', 'absolute sepia', {title: 'Alt+X'});
//音频 ：audio播放器可见，给它披肩外套披件外套（to指令演示）
tz.add('audio', '', '', {
src: 'https://cccimg.com/view.php/aae041404525e60ea0495ca13905cf50.mp3',
controls: ''
}).to(wrapper);
//图片 : 小播
tz.add('img', 'ma', 'ma brightness', {
src: 'https://638183.freep.cn/638183/web/svg/jupm.svg',
title: 'Alt+X',
alt: ''
}).playmp3();
//进度条演示（解开注释可见）
//tz.bgprog('', 'prog');
/****
//文本演示（解开注释可见）
tz.add('span', '', 'title-text')
.text('')
.style('right: 10px; bottom: 10px;');
****/
tz.fs();
if(tz.browser().name === 'Mozilla Firefox') wrapper.style.setProperty('background', '#1F0F0A');
</script> @马黑黑
老师 晚上好，学生交作业，请指正{:4_190:} 这个唯美。播放器可以放在右下方 小播应该是旋转的 漂亮，欣赏朵宝好帖{:4_187:} 漂亮，欣赏问好。{:4_187:}
页:
[1]