【影.印记】意境人像摄影《福映红妆》
本帖最后由 傲雷影儿 于 2026-2-6 13:51 编辑 <br /><br />福映红妆<br>摄影素材/网络 代码制作/傲雷影儿<br>
<style>
@import 'https://638183.freep.cn/638183/web/tz/tz.v4.css';
.pa { --offsetX: 60px; --bg: url('https://www.yhyhlt.com/data/attachment/forum/202602/06/133654f7sycc9gnvvybjs7.jpg') no-repeat center/cover; }
#player { position: absolute; width: 40px; height: 60px; cursor: pointer;}
#player::before, #player::after { position: absolute; content: ''; width: 100%; height: 100%; border: 4px solid white; border-radius: 8px; animation: rotting var(--du) linear infinite var(--state); --deg: 360deg; --du: 0.5s; }
#player::after { --deg: -360deg; --du: 0.5s; }
@keyframes rotting { to { transform: rotate(var(--deg)); } }
</style>
<div 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=5250110' });
tz.add('video', '', 'pd-vid', { src: 'https://img.tukuppt.com/video_show/15653652/00/79/86/60c98c8146068.mp4' });
tz.add('div', 'player', '', { style: 'bottom: 60px;' }).playmp3();
tz.bgprog().style('bottom: 30px; color: #fefefe; width: 240px;');
tz.fs().style('left: 20px; top: 20px;')
</script><br><br>