THREE-BODY（学习黑黑丝状跟随效果）
<style>#mydiv { margin: 20px 0 0 calc(50% - 721px); width: 1280px; height: 720px; background: url('https://pic.imgdb.cn/item/661b440a68eb93571379579a.jpg') no-repeat center/cover; box-shadow: 4px 4px 8px #000; z-index: 1; cursor: crosshair; overflow: hidden; position: relative; }
#play { position: absolute; width: 160px; top: 126px; cursor: pointer; left: 560px; animation: rot 5s linear infinite var(--state); }
@keyframes rot { to { transform: rotate(360deg); } }
#vid { position: absolute; right: 0; width: 100%; height: 110%; object-fit: cover; mix-blend-mode: screen; top: -10%; opacity: .55;pointer-events: none; }
</style>
<div id="mydiv"><img id="play" src="https://pic.imgdb.cn/item/661b486468eb935713801889.png" alt="" />
<video id="vid" src="https://img.tukuppt.com/video_show/2629112/00/02/26/5b586c509c1e0_10s_big.mp4" muted loop></video>
</div>
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=2014337720" loop autoplay></audio>
<script>
var sF = document.createElement('script');
sF.charset = 'utf-8';
sF.src = 'https://638183.freep.cn/638183/web/js/line-lz.js';
document.body.appendChild(sF);
var lz = { papa: '#mydiv', total: 100, radius: 1.2, color: 'rgba(38,154,242,.5)' }
var mState = () => { aud.paused ? (mydiv.style.setProperty('--state', 'paused'), vid.pause()) : (mydiv.style.setProperty('--state', 'running'), vid.play()); };
aud.addEventListener('play', () => mState());
aud.addEventListener('pause', () => mState());
</script>
按钮好像有点大，看不出是远处的感觉，缩小一点好像差不多。
正好东方卫视重播《三体》，跟着看了几集，感觉还挺不错。这些丝线正好可以用来体验那种玄幻了。{:4_173:} 谢谢黑黑的代码@马黑黑{:4_187:} 丝线的颜色调不好，太暗则下面不明显，太浅则上半部不清楚。就这样吧{:4_173:} 三体是很不错的国产科幻题材。很久前看过书，现在也忘得差不多了，再看看电视剧，感觉很不错。 红影 发表于 2024-4-14 11:40
按钮好像有点大，看不出是远处的感觉，缩小一点好像差不多。
正好东方卫视重播《三体》，跟着看了几集，感 ...
《三体》电视剧和书籍都没有看过，不过《三体》挺有名的。 红影 发表于 2024-4-14 11:44
三体是很不错的国产科幻题材。很久前看过书，现在也忘得差不多了，再看看电视剧，感觉很不错。
红影也看过《三体》的书籍啊？葡萄还没有看过，就看过几集电视剧。 这个厉害 亲爱的，太棒了，播放器加进去了{:4_199:} 今天我也是准备做这个效果，刚好，可以直接套用了{:4_170:} 愤怒的葡萄 发表于 2024-4-14 14:46
《三体》电视剧和书籍都没有看过，不过《三体》挺有名的。
我是很早前一个朋友推荐我看的，就下载了一个，觉得还挺好看的。 愤怒的葡萄 发表于 2024-4-14 14:47
红影也看过《三体》的书籍啊？葡萄还没有看过，就看过几集电视剧。
东方卫视正好在重播啊，周五和周六每天三集。我是昨天用回看把六集一下子全看完了。
葡萄也可以去看看呢。 马黑黑 发表于 2024-4-14 14:53
这个厉害
是啊，这个片子还不错，很有想象力的。
里面有些话也不错，比如：给岁月以文明，而不是给文明以岁月。 小辣椒 发表于 2024-4-14 15:51
亲爱的，太棒了，播放器加进去了
是的，还是习惯于有播放器的，所以加了个{:4_173:} 小辣椒 发表于 2024-4-14 15:52
今天我也是准备做这个效果，刚好，可以直接套用了
好啊，等着看亲爱的精彩{:4_187:} 红影 发表于 2024-4-14 17:44
是啊，这个片子还不错，很有想象力的。
里面有些话也不错，比如：给岁月以文明，而不是给文明以岁月。
我记得奥巴马在位时就开始是刘慈欣的粉丝，还参与粉丝团催更 本帖最后由 愤怒的葡萄 于 2024-4-14 22:22 编辑
红影 发表于 2024-4-14 17:41
我是很早前一个朋友推荐我看的，就下载了一个，觉得还挺好看的。
《三体》比较科幻，人类对宇宙的了解还是太少，我坚信宇宙中肯定有其它类似地球的行星，有的也应该孕育出生命的，只不过不是智慧生命。
我们地球上都是碳基生命，或许宇宙中其它星球上的生命是不同于碳基生命的，或许会有硅基生命的存在。
美国在不久的将来要探访木卫二了，木卫二表面冰层下是有海洋的，不知道会不会有生命？如果有的话，这说明在太阳系就有另外一个星球有生命，在可观测宇宙中大约有2万亿个星系，这说明一个恒星系中存在孕育出生命的星球是大概率存在的。 红影 发表于 2024-4-14 17:43
东方卫视正好在重播啊，周五和周六每天三集。我是昨天用回看把六集一下子全看完了。
葡萄也可以去看看呢 ...
好的，我有机会会去看一看的，张鲁一和王子文主演的，我挺喜欢TA们俩的。 声面宏大，太气派了。。{:4_187:} 加了按纽和视频可以同时控制，这个制作真是高大上。。{:4_187:}影子代码运用真的非常厉害。。