|
|

楼主 |
发表于 2025-10-27 12:33
|
显示全部楼层
本帖最后由 马黑黑 于 2025-10-27 13:11 编辑
帖子代码
- <style>
- @import 'https://638183.freep.cn/638183/web/tz/tz.css';
- .pa { --offsetX: 81px; --bg: url('https://638183.freep.cn/638183/t24/w7/qq66.webp') no-repeat center/cover; }
- li-zi { position: absolute; top: -20px; width: 20px; height: 20px; border-radius: 50%; pointer-events: none; animation: down var(--duration) var(--delay) linear infinite var(--state); }
- @keyframes down { to { transform: translateY(var(--yy)); } }
- </style>
- <div id="pa" class="pa"></div>
- <script type="module">
- import TZ from 'https://638183.freep.cn/638183/web/tz/tz.min.js';
- const tz = TZ.TZ('pa');
- tz.add('audio', '', '', {src: 'https://music.163.com/song/media/outer/url?id=2077974904'});
- tz.add('img', '', 'rotate-ani sepia', {src: 'https://638183.freep.cn/638183/small/webp/f02.webp'}).playmp3();
- const total = 30;
- let frg = document.createDocumentFragment();
- Array.from({length: total}).forEach((lz, idx) => {
- lz = document.createElement('li-zi');
- lz.style.cssText += `
- --duration: ${tz.getRanInt(8, 16)}s;
- --delay: ${tz.getRanInt(-10, 0)}s;
- --yy: ${pa.offsetHeight + 40}px;
- left: ${tz.ranPos(pa.offsetWidth, 20)}px;
- background: linear-gradient(${tz.getRanInt(30, 180)}deg, ${tz.color16()}, ${tz.color16()});
- `;
- frg.appendChild(lz);
- });
- pa.appendChild(frg);
- </script>
复制代码
|
评分
-
| 参与人数 1 | 威望 +50 |
金钱 +100 |
经验 +50 |
收起
理由
|
红影
| + 50 |
+ 100 |
+ 50 |
赞一个! |
查看全部评分
|