绿叶清舟 发表于 2024-3-15 11:06

我是什么颜色


<style>
#papa { margin: 30px 0 30px calc(50% - 633px); width: 1100px; height: 700px; background: url('https://pic.imgdb.cn/item/65f2f48b9f345e8d0372193e.jpg') no-repeat center/cover; box-shadow: 3px 3px 20px #000; position: relative; z-index: 1; }
#papa::before { position: absolute; content: ''; left: 399px; top: 298px; width: 0px; height: 338px; border-radius: 50%; transition: 2s; background: url('https://pic.imgdb.cn/item/65f2f48b9f345e8d0372193e.jpg') -390px -298px; box-shadow: inset 0 0 100px #4eabc7; animation: flash 20s infinite alternate var(--state); }
#papa:hover::before, #papa:hover #vid { transform: scale(1.1); }

#vid {position: absolute; left: 439px; top: 318px; width: 135px; height: 138px; border-radius: 50%; object-fit: cover; mix-blend-mode: screen; transition: 2s; pointer-events: none; }
@keyframes flash { to { filter: hue-rotate(360deg); } }
</style>

<div id="papa">
<!-- https://music.163.com/#/song?id=492292805 -->
    <audio id="aud" src="https://music.163.com/song/media/outer/url?id=2040894057" autoplay loop></audio>
    <video id="vid" src="https://img.tukuppt.com/video_show/2629112/00/01/93/5b4e902755687.mp4" autoplay loop muted></video>
   
</div>

<script>
(function() {
    let mState = () => aud.paused
      ? (papa.style.setProperty('--state', 'paused'), vid.pause())
      : (papa.style.setProperty('--state', 'running'), vid.play())
    ;
    aud.onpause = aud.onplaying = () => mState();
    vid.disablePictureInPicture = true;
    let pics = document.querySelectorAll('#papa > img');
    pics.forEach(pic => pic.onclick = () => aud.paused ? aud.play() : aud.pause());
})();
</script>

樵歌 发表于 2024-3-15 12:47

你是红颜 色的{:4_173:}

小辣椒 发表于 2024-3-15 17:03

清舟这个视频切割效果做的很美哦{:4_199:}

小辣椒 发表于 2024-3-15 17:05

非常好看的背景图，青春靓丽的美少女，少女不会有心事吧，别喝闷酒，喝酒有人陪，帮你呼叫@马黑黑

小辣椒 发表于 2024-3-15 17:06

欣赏清舟的精美制作，小辣椒欣赏加学习{:4_171:}

庶民 发表于 2024-3-15 17:15

立意很有趣

马黑黑 发表于 2024-3-15 17:54

小辣椒 发表于 2024-3-15 17:05
非常好看的背景图，青春靓丽的美少女，少女不会有心事吧，别喝闷酒，喝酒有人陪，帮你呼叫@马黑黑

陪镁铝喝酒俺喜欢。还是小辣椒懂俺{:4_189:}

红影 发表于 2024-3-15 20:43

文字设计颜色很奇妙，这么奇妙的颜色真的很难确定是什么颜色了呢{:4_173:}
清舟俏皮，黑黑有七彩色，你就来分辨自己的颜色了{:4_170:}

红影 发表于 2024-3-15 20:44

图图选得很有趣，这美女的表情真的充满疑问呢{:4_187:}
这个没有暂停键么？

绿叶清舟 发表于 2024-3-16 20:11

樵歌 发表于 2024-3-15 12:47
你是红颜 色的

那是火了{:4_189:}

绿叶清舟 发表于 2024-3-16 20:12

小辣椒 发表于 2024-3-15 17:03
清舟这个视频切割效果做的很美哦

是马黑天镜里的那个视频了

绿叶清舟 发表于 2024-3-16 20:13

小辣椒 发表于 2024-3-15 17:05
非常好看的背景图，青春靓丽的美少女，少女不会有心事吧，别喝闷酒，喝酒有人陪，帮你呼叫@马黑黑

在想杯里的酒被谁偷喝了{:4_189:}

绿叶清舟 发表于 2024-3-16 20:13

马黑黑 发表于 2024-3-15 17:54
陪镁铝喝酒俺喜欢。还是小辣椒懂俺

洒带了没有啊

绿叶清舟 发表于 2024-3-16 20:14

红影 发表于 2024-3-15 20:43
文字设计颜色很奇妙，这么奇妙的颜色真的很难确定是什么颜色了呢
清舟俏皮，黑黑有七彩色，你就 ...

正好看到这首歌，就做来了

樵歌 发表于 2024-3-16 21:26

绿叶清舟 发表于 2024-3-16 20:11
那是火了

那太燃了哈{:4_189:}

马黑黑 发表于 2024-3-16 21:37

绿叶清舟 发表于 2024-3-16 20:13
洒带了没有啊

没，只有酒，酒没洒

红影 发表于 2024-3-16 22:16

绿叶清舟 发表于 2024-3-16 20:14
正好看到这首歌，就做来了

真有趣，清舟的小机灵才会去想到这首歌呢{:4_170:}

大猫咪 发表于 2024-3-17 20:29

制作真漂亮！构图真棒，颜 色都有，全部颜 色都是啦 {:5_117:}    歌也非常好听，赞！

问好清舟{:4_204:}{:4_179:}

绿叶清舟 发表于 2024-3-18 21:02

樵歌 发表于 2024-3-16 21:26
那太燃了哈

燃了才会红啊{:4_189:}

绿叶清舟 发表于 2024-3-18 21:02

马黑黑 发表于 2024-3-16 21:37
没，只有酒，酒没洒

洒家有酒{:4_189:}
页: [1] 2
查看完整版本: 我是什么颜色