【影.印记】意境人像摄影《瑞雪迎春》
瑞雪迎春<br>摄影素材/网络 代码制作/傲雷影儿<br>
<style>
@import 'https://638183.freep.cn/638183/web/tz/tz.min.css';
.pa { --offsetX: 60px; --bg: url('https://www.yhyhlt.com/data/attachment/forum/202602/06/133636iazcq8oarrdo1qno.jpg') no-repeat center/cover; }
.ma { display: grid; place-items: center; left: 80px; }
.lz { position: absolute; width: 2px; height: 100%; display: grid; place-items: center; }
.lz::before, .lz::after { position: absolute; content: ''; top: -40px; width: 40px; height: 40px; background: linear-gradient(red, var(--cc)); border-radius: 50%; animation: flash .2s infinite alternate var(--state); animation-delay: inherit; }
.lz::after { top: 100%; }
@keyframes flash { to { filter: hue-rotate(var(--deg)); } }
</style>
<div id="pa" class="pa"></div>
<script type="module">
import TZ from 'https://638183.freep.cn/638183/web/tz/tz.v3.js';
const tz = TZ.TZ('pa');
tz.add('audio', '', '', { src: 'https://music.163.com/song/media/outer/url?id=317009' });
tz.add('video', '', 'pd-vid', { src: 'https://img.tukuppt.com/video_show/15653652/04/57/90/6490fb3b722ba.mp4' });
tz.add('div', 'lzpa', 'ma').playmp3();
tz.lzRot(6, 'lzpa', { className: 'lz', cc: true, deg: true, angle: 180, delay: -1 });
tz.fs().style('bottom: 20px');
</script><br><br>