网
<style>.s-net { width: 1024px;height: 788px; left: -214px; position: relative; display: flex; justify-content: center; align-items: center; background: url('https://638183.freep.cn/638183/Pic/spidernet.jpg') no-repeat center/cover; animation: sepia 20s ease infinite alternate; }
.s-net img { width: 400px; }
.s-net div { position: absolute; width: 100px; height: 100px; left: 1px; top: 1px; background: darkgreen; border-radius: 50%; mix-blend-mode: multiply; }
.s-net div::before, .s-net div::after { content: ''; position: absolute; }
.s-net div::before { width: 90px; height: 90px; left: calc(50% - 45px); bottom: calc(50% - 45px); background: green; border-radius: 50%; }
.s-net div::after { width: 2px; height: 40px; left: calc(50% - 1px); top: 10px; background: darkgreen; transform-origin: center bottom; animation: rol 2s linear infinite; }
@keyframes sepia { to { filter: sepia(100%); } }
@keyframes rol { to { transform: rotate(1turn); } }
</style>
<div class="s-net">
<div></div>
<img alt="" src="https://638183.freep.cn/638183/Pic/spider.png" />
</div>
<script>
let au = document.createElement('iframe');
au.src = 'https://music.163.com/outchain/player?type=2&id=521090083&auto=1&height=66';
au.style.display = 'none';
document.querySelector('.s-net').appendChild(au);
</script>
交替，变幻，雷鸣电闪，道路泥泞，风光无限还是梦想成真，这一切不是人之遂愿的必然，更多的是顺其自然的等待和守候。当我们面对朝阳穿越森林的缝隙，看见晶莹的露珠闪耀光芒，当我们看见夕阳西下的晚霞，以及远山若隐若现的余晖，那是心中升腾的希望，那是我们生命中热爱的自然真情。相信有一天，所有值得我们拥有的真挚情感都会在日出日落中交汇，等，便是我们的追求，我们的追求方式是——守候。不同的守护，相同的期待，真正的成长不是期待被守护，而是成为守护人。
寓意：
时间的流逝，昼夜的交替，色彩的变幻……一个字：等。
等，其实是追求，我们的追求方式是——守候。 晕 哈哈 这音乐里手机真震动，猫以为是来电话了{:4_170:} 老黑真棒，好创意{:4_204:}赞~~ 蜘蛛网上挂满了小水滴，透亮透亮的，像一串珍珠， {:5_106:}{:4_204:} 这个不是运用马术吧。{:4_173:} 就人生来说，处处就是一张大网，最终归于死亡，跳得开跑得脱吗{:4_173:} 好在，平民与庙堂，贫溅与富豪统统在一张网下。{:4_189:} 樵歌 发表于 2022-4-16 13:06
好在，平民与庙堂，贫溅与富豪统统在一张网下。
对，没有网外网或网内网 马黑黑 发表于 2022-4-16 13:08
对，没有网外网或网内网
所见略同，但我们不是英雄{:4_189:} 这个变色运用真神奇，看着图有灰暗变为青翠，犹如等待后会走出阴霾，会迎来新生{:4_199:} 跑进帖子，发现了这句@keyframes sepia { to { filter: sepia(100%); } }和相关的句子，原来滤镜也可以做动态啊。{:4_204:} 马黑黑 发表于 2022-4-16 08:54
寓意：
时间的流逝，昼夜的交替，色彩的变幻……一个字：等。
这个帖子的寓意非常好，静静看着帖子色彩的变化，感觉有希望在心底滋生{:4_199:}
蜘蛛也很漂亮：） 红影 发表于 2022-4-16 14:20
这个帖子的寓意非常好，静静看着帖子色彩的变化，感觉有希望在心底滋生
蜘蛛也很漂亮：）
{:5_108:} 红影 发表于 2022-4-16 14:19
跑进帖子，发现了这句@keyframes sepia { to { filter: sepia(100%); } }和相关的句子，原来滤镜也可以做动 ...
它们都是属于CSS属性的，有百分比的东东，用于@keyframes就会有的过渡感 樵歌 发表于 2022-4-16 13:32
所见略同，但我们不是英雄
也不是狗熊 </br></br></br></br></br></br>
<style>
.s-net { width: 1024px;height: 788px; left: -214px; position: relative; display: flex; justify-content: center; align-items: center; background: url('https://638183.freep.cn/638183/Pic/spidernet.jpg') no-repeat center/cover; animation: sepia 20s ease infinite alternate; }
.s-net img { width: 400px; }
.s-net div { position: absolute; width: 40px; height: 40px; left: 498px; top: 220px; background: darkgreen; border-radius: 50%; mix-blend-mode: multiply; }
.s-net div::before, .s-net div::after { content: ''; position: absolute; }
.s-net div::before { width: 70px; height: 70px; left: calc(50% - 45px); bottom: calc(50% - 45px); background: green; border-radius: 50%; }
.s-net div::after { width: 2px; height: 30px; left: calc(30% - 1px); top: 5px; background: darkgreen; transform-origin: center bottom; animation: rol 2s linear infinite; }
@keyframes sepia { to { filter: sepia(100%); } }
@keyframes rol { to { transform: rotate(1turn); } }
</style>
<div class="s-net">
<div></div>
<img alt="" src="https://638183.freep.cn/638183/Pic/spider.png" />
</div>
<script>
let au = document.createElement('iframe');
au.src = 'https://mu*sic.163.com/outchain/player?type=2&id=521090083&auto=1&height=66';
au.style.display = 'none';
document.querySelector('.s-net').appendChild(au);
</script>
</div></div></div>
</br></br></br></br>
交替，变幻，我觉得应该是动与静的结合，借黑黑之图，切换另一张“网”……把播放器移下来交给黑珍珠背着爬网，让这一跳跃动作的体现，结成一张“安宁之网”，动”“静”搭配，相互渗透。 {:4_201:}抱歉，某人又强迫症，诶。
安宁 发表于 2022-4-16 17:33
交替，变幻，我觉得应该是动与静的结合，借黑黑之图，切换另一张“网”……把播放器移下来交给黑珍珠背着爬 ...
思路挺好，支持 楼主准备扁人了。撤。。