【月满花潮庆华诞】你知道我最害怕一个人天黑（学习马黑黑性空山效果）
<style>@import 'https://638183.freep.cn/638183/web/tz/tz.c.trial.css';
.pa { --offsetX: 81px; --bg: tan url('https://pic1.imgdb.cn/item/68e9bd71c5157e1a88631bae.jpg') no-repeat center/cover; --ma-size: 60px; }
.ma { bottom: 60px; }
.btnFs { right: 20px; bottom: 20px; }
.prog { bottom: 20px; width: 300px; height: 8px; background: linear-gradient(90deg, white var(--prg), transparent 0); border-color: white; }
.lz { offset-path: ellipse(20% 15% at 75% 20%); -webkit-offset-path: ellipse(25% 25% at 70% 30%); }
@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.c.trial.js';
const tz = TZ.TZ('pa');
// 视频
tz.add('video', '', 'pd-vid', {
src: 'https://img.tukuppt.com/video_show/2629112/00/01/92/5b4d87a01df23.mp4'
});
// 音频
tz.add('audio', '', '', {
src: 'https://cccimg.com/view.php/532195da84589bf8294a8c5618ba6c0b.mp3'
});
// 播放器
tz.add('div', 'ring', 'ma', {title: 'Alt+X'}).playmp3();
// 播放器绕圈粒子
tz.lzRing(10, ring, {w: 16, h: 16, bg: 'white'});
// 随机分布粒子 : 椭圆路径运动
tz.lzRan(20, tz.pa, {
w: 30,
h: 20,
bg: `url('https://638183.freep.cn/638183/small/texture/pgy.pn') no-repeat center/cover`,
className: 'lz path-ani',
duration: 20,
delay: -20
});
// 音频播放进度
tz.bgprog();
// 全屏
tz.fs();
</script> @马黑黑
老师好，学生交作业，请指正{:4_190:} 整个氛围都有点后背心发凉{:4_189:}四周四周阴影里不知道躲藏什么东东，呀，快跑呵{:4_193:} 我上中学时，一次在胡同里看见一个“大头鬼”，把我吓得捂着脑袋往家跑。第二天再看，原来是个信筒子。 所用 tzMaker 资源处于测试状态，将来此资源会被清理 漂亮，欣赏朵宝好帖{:4_199:}
页:
[1]