绿叶清舟 发表于 2024-11-21 20:26

浮光


<style>
.tiezi {
        margin: 30px 0 30px calc(50% - 731px);
        width: 1280px;
        height: 720px;
        background: url('https://p.upyun.com/demo/tmp/40kRRvXZ.webp') no-repeat center/cover;
        position: relative;
}
#vid { position: absolute; width: 100%; height: 100%; object-fit: cover; mix-blend-mode: screen; -webkit-mask: radial-gradient(transparent 20%, red); pointer-events: none; }
#mypic {
        padding: 6px;
        position: absolute;
        left: 120px;
        top: 600px;
        font: bold 3em sans-serif; cursor: pointer;
        color: transparent;
        background: linear-gradient(to right, cyan, teal, #ffd670, teal, cyan) no-repeat0/200% 100%;
        background-clip: text;
        --webkit-background-clip: text;
        filter: drop-shadow(2px 2px 2px #666);
        animation: bgmove 3s linear infinite alternate;
}
@keyframes bgmove { to { background-position: 100% 0; }
}
</style>

<div class="tiezi" >
        <audio id="aud" src="https://music.163.com/song/media/outer/url?id=2112196350" autoplay loop></audio>
<div id="mypic">浮    光</div>
<video id="vid" src="https://bpic.588ku.com/video_listen/588ku_video/22/11/04/16/01/57/video6364c6f5e3503.mp4" autoplay loop muted></video>
</div>

<script>
      mypic.onclick = () => {
        aud.paused ? aud.play() : aud.pause();
        mypic.style.setProperty('--state', aud.paused ? 'paused' : 'running');
};
</script>

红影 发表于 2024-11-21 20:42

这流光字真漂亮，背景制作也漂亮。
欣赏清舟好帖{:4_199:}

红影 发表于 2024-11-21 20:42

清舟的帖子色彩运用特别奇妙，这样的配色太美了{:4_187:}

冬天的雨 发表于 2024-11-21 21:16

清舟晕了，冬雨播放器又没有找到{:4_203:}

冬天的雨 发表于 2024-11-21 21:19






好像这个是的

梦油 发表于 2024-11-21 21:31

清舟朋友晚上好！我看着是一件非常好的一件作品，色彩搭配不落俗套。

绿叶清舟 发表于 2024-11-23 21:34

冬天的雨 发表于 2024-11-21 21:19
好像这个是的

你的浏览器也看不到字啊，就是这个了

绿叶清舟 发表于 2024-11-23 21:36

梦油 发表于 2024-11-21 21:31
清舟朋友晚上好！我看着是一件非常好的一件作品，色彩搭配不落俗套。

没去细听歌词了，就着歌名做的

绿叶清舟 发表于 2024-11-23 21:37

红影 发表于 2024-11-21 20:42
这流光字真漂亮，背景制作也漂亮。
欣赏清舟好帖

做好放了好几天差点忘了{:4_189:}

绿叶清舟 发表于 2024-11-23 21:39

红影 发表于 2024-11-21 20:42
这流光字真漂亮，背景制作也漂亮。
欣赏清舟好帖

就是这个改过太多变形太厉害，改用这个效果想着与歌名的能对上

红影 发表于 2024-11-23 22:47

绿叶清舟 发表于 2024-11-23 21:37
做好放了好几天差点忘了

现在自己回头看看也感觉很美吧，这个特别漂亮呢{:4_187:}

红影 发表于 2024-11-23 22:48

绿叶清舟 发表于 2024-11-23 21:39
就是这个改过太多变形太厉害，改用这个效果想着与歌名的能对上

这个效果很好啊，颜色也调得和背景十分相配呢。什么时候我也学一下这个流光字{:4_187:}

梦油 发表于 2024-11-24 17:12

绿叶清舟 发表于 2024-11-23 21:36
没去细听歌词了，就着歌名做的

你的手真巧。

绿叶清舟 发表于 2024-11-25 19:55

红影 发表于 2024-11-23 22:47
现在自己回头看看也感觉很美吧，这个特别漂亮呢

颜色很喜欢了

绿叶清舟 发表于 2024-11-25 19:55

梦油 发表于 2024-11-24 17:12
你的手真巧。

最偷懒的做法了

红影 发表于 2024-11-25 23:15

绿叶清舟 发表于 2024-11-25 19:55
颜色很喜欢了

是啊，清舟的配色很厉害，这个帖子色彩特别协调{:4_187:}

梦油 发表于 2024-11-26 13:55

绿叶清舟 发表于 2024-11-25 19:55
最偷懒的做法了

这就是一个“巧”。

绿叶清舟 发表于 2024-11-27 20:07

红影 发表于 2024-11-25 23:15
是啊，清舟的配色很厉害，这个帖子色彩特别协调

这是PS的强大了，底图加了背影色然后改变图层模式就能得到这样的效果了

绿叶清舟 发表于 2024-11-27 20:07

梦油 发表于 2024-11-26 13:55
这就是一个“巧”。

巧就是懒啊，这俺太在行了{:4_173:}

红影 发表于 2024-11-27 23:12

绿叶清舟 发表于 2024-11-27 20:07
这是PS的强大了，底图加了背影色然后改变图层模式就能得到这样的效果了

我不会ps，知道了也弄不出来啊{:4_173:}
页: [1] 2
查看完整版本: 浮光