绿叶清舟 发表于 2024-2-27 21:26

Lisboa Dreaming - Alex Cortiz


<style>
.mybox { margin: 0 0 0 calc(50% - 633px); width: 1100px; height: 700px; background: url('https://pic.imgdb.cn/item/65dde1a69f345e8d03baf9ce.jpg'); box-shadow: 3px 3px 20px #000; position: relative; overflow: hidden; z-index: 1; display: grid; place-items: center; }
.mybox video { position: absolute; bottom: 20px;left: 700px;width: 300px; height: 300px; object-fit: cover; border-radius: 50%; opacity: 1; mix-blend-mode: lighten; }
#mplayer { position: absolute; bottom: 10px; width: 300px; text-align: center; color: lightyellow; }
#mplayer::before { position: absolute; content: attr(data-tt); left: 0; bottom: 25px; width: 100%; text-align-last: justify; }
#mprog { width: 100%; accent-color: lightyellow; opacity: .9; outline: none; cursor: pointer; }
#btnplay { width: 60px; height: 60px; clip-path: circle(48%); opacity: .7; transition: filter .65s; cursor: pointer; animation: rot 5s linear infinite var(--state); }
#btnplay:hover { filter: hue-rotate(300deg); }
@keyframes rot { to { transform: rotate(360deg);} }
</style>

<div class="mybox">
    <audio src="https://music.163.com/song/media/outer/url?id=1937971727" autoplay loop></audio>
    <video src="https://img.tukuppt.com/video_show/2269348/00/01/91/5b4d5e7a6b4a6.mp4" loop></video>
    <div id="mplayer" data-tt="0:00 0:00">
      <img id="btnplay" src="https://638183.freep.cn/638183/small/mufuz2.jpg" alt="" title="播放/暂停" /><br>
      <input id="mprog" type="range" min="0" max="100" step="any" value="0" />
    </div>
</div>

<script>
var sf = document.createElement('script');
sf.src = 'https://638183.freep.cn/638183/web/js/mpku.js';
sf.charset = 'utf-8';
document.querySelector('body').appendChild(sf);
</script>

小辣椒 发表于 2024-2-27 21:46

清舟这个视频运用的也是特棒，诡异的视频效果和这个小鬼人儿相配{:4_172:}

红影 发表于 2024-2-27 22:39

外星生命啊，好奇妙的制作{:4_199:}

红影 发表于 2024-2-27 22:41

音乐和按钮的配置也好，欣赏清舟好帖{:4_187:}

樵歌 发表于 2024-2-28 07:52

宇宙深处的黑洞，一个外星人在向谁放电呢{:4_189:}

流水光阴 发表于 2024-2-28 13:06

这个画面感觉有人怕的

流水光阴 发表于 2024-2-28 13:07

感谢楼主分享佳作

岁月·如歌 发表于 2024-2-28 14:11

本帖最后由 岁月·如歌 于 2024-2-28 14:14 编辑

前方发现一个有生命的蓝色星球，全体都有，向那个黄矮星系进发！

绿叶清舟 发表于 2024-2-28 18:07

岁月·如歌 发表于 2024-2-28 14:11
前方发现一个有生命的蓝色星球，全体都有，向那个黄矮星系进发！

别把人家球给挤掉下来了{:4_189:}

绿叶清舟 发表于 2024-2-28 18:08

小辣椒 发表于 2024-2-27 21:46
清舟这个视频运用的也是特棒，诡异的视频效果和这个小鬼人儿相配

一看到这效果就想到结界二字了

绿叶清舟 发表于 2024-2-28 18:09

红影 发表于 2024-2-27 22:41
音乐和按钮的配置也好，欣赏清舟好帖

谢谢影，正好听到这首就整了这个效果了

绿叶清舟 发表于 2024-2-28 18:10

樵歌 发表于 2024-2-28 07:52
宇宙深处的黑洞，一个外星人在向谁放电呢

樵歌被电到没{:4_189:}

绿叶清舟 发表于 2024-2-28 18:10

流水光阴 发表于 2024-2-28 13:06
这个画面感觉有人怕的

外星人不吃人的，不怕哈{:4_173:}

绿叶清舟 发表于 2024-2-28 18:11

流水光阴 发表于 2024-2-28 13:07
感谢楼主分享佳作

谢谢光阴，晚上好

红影 发表于 2024-2-28 22:51

绿叶清舟 发表于 2024-2-28 18:09
谢谢影，正好听到这首就整了这个效果了

很奇妙的效果呢{:4_187:}

绿叶清舟 发表于 2024-2-29 11:39

红影 发表于 2024-2-28 22:51
很奇妙的效果呢

主要是那个视频效果炫妙了

冬天的雨 发表于 2024-2-29 21:08

清舟不走寻常路，这个属于搞怪帖{:4_170:}

冬天的雨 发表于 2024-2-29 21:09

这个效果现在冬雨都不会想到了{:4_203:}

冬天的雨 发表于 2024-2-29 21:10

找图都有难度，做什么内容也是有难度，感觉要花时间

红影 发表于 2024-2-29 21:47

绿叶清舟 发表于 2024-2-29 11:39
主要是那个视频效果炫妙了

清舟也使用得很巧呢{:4_199:}
页: [1] 2
查看完整版本: Lisboa Dreaming - Alex Cortiz