爱在飘雪的日子 - 江希文
<style>
.tiezi {
margin: 30px 0 30px calc(50% - 731px);
width: 1280px;
height: 720px;
box-sizing: border-box;
border: 3px solid;
border-image: linear-gradient(to top right, #d1e4e9, #bed9e1, #78a9c3, #95b9c2) 3 3;
background: url('https://pic.imgdb.cn/item/66daf918d9c307b7e9773fbe.jpg') no-repeat center/cover;
z-index: 1;
pointer-events: none;
position: relative;
}
.tiezi::before, .tiezi::after {
position: absolute;
content: '';
transition: all .45s;
}
.tiezi::before {
inset: 0;
background: rgba(189, 213, 218, -5.35);
backdrop-filter: hue-rotate(var(--hue));
}
.tiezi::after {
right: 930px;
top: 298px;
width: 50px;
height: 50px;
background: url('https://p.upyun.com/demo/tmp/iisnTOo9.webp') no-repeat center/cover;
transform: rotate(var(--hue));
pointer-events: auto;
cursor: pointer;
}
.tiezi:hover::before { backdrop-filter: unset; }
</style>
<div class="tiezi" id="tzi">
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=248484" autoplay loop></audio>
</div>
<script>
aud.ontimeupdate = () => tzi.style.setProperty('--hue', Math.floor(Math.random() * 80) + 'deg');
tzi.onclick = () => aud.paused ? aud.play() : aud.pause();
</script> 醉美水芙蓉 发表于 2024-9-6 21:27
欣赏清舟漂亮图图！
谢谢芙蓉，晚上好 清舟这几是黑黑那个教程啊，背景会变换颜色 现在小辣椒是许多黑黑的东西都没有看的，那个效果都不晓得了
不过清舟这个制作不错，人物隐隐约约的跟着变色，特别美女深颜披风，变色特别的漂亮{:4_199:} 雪花播放器也是做的和主题相符，赞的~{:4_178:} https://s3.bmp.ovh/imgs/2023/05/24/d90e46c0779fdc6b.gif
欣赏美图 制作精美，感谢分享 喜欢雪花播放器，喜欢变色背景，谢谢分享！ 意境一直的好，这变色功夫也是超级自然。{:4_203:} 这个图太漂亮了，构思创意好，这个图也适合变色背景。。。
{:4_199:} 字体十分漂亮，潇洒大气。。{:4_199:} 小辣椒 发表于 2024-9-6 22:48
清舟这几是黑黑那个教程啊，背景会变换颜色
Teyata是在这个贴子里的
小辣椒 发表于 2024-9-6 22:50
现在小辣椒是许多黑黑的东西都没有看的，那个效果都不晓得了
不过清舟这个制作不错，人物隐隐约约的跟着 ...
谢谢辣椒，我也是很多没看到了，在一个个的挖{:4_189:} 起个网名好难 发表于 2024-9-7 07:43
谢谢网名，晚上好 樵歌 发表于 2024-9-7 19:30
意境一直的好，这变色功夫也是超级自然。
樵歌来了啊，想你啦 花飞飞 发表于 2024-9-7 19:34
这个图太漂亮了，构思创意好，这个图也适合变色背景。。。
想好加个下雪的效果的，结果发贴才发现忘了{:4_189:} 世外桃源 发表于 2024-9-7 10:28
制作精美，感谢分享
谢谢世外支持，不客气了 彩云归 发表于 2024-9-7 10:29
喜欢雪花播放器，喜欢变色背景，谢谢分享！
谢谢彩云归，晚上好