轮回 - 罗布桑珠
本帖最后由 绿叶清舟 于 2022-6-13 22:30 编辑 <br /><br /><style>.mama { position: relative; left: -332px; width: 1280px; height: 720px; background: #ccc url('https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F01285457c3e1b90000012e7e1c86e7.jpg%401280w_1l_2o_100sh.png&refer=http%3A%2F%2Fimg.zcool.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1657717932&t=034ebcfdce881e704b6774cd9b988d67') no-repeat; box-shadow: 2px 2px 2px #444; overflow: hidden; }
.vid { position: absolute; width: 1280px; height: 780px; object-fit: cover; opacity: 0.6; clip-path: circle(85% at bottom) ;}
.lrcWrap { position: absolute; right: 0; padding: 20px; width: fit-content; height: fit-content; text-align: center; background: transparent; display: flex; flex-direction: column;align-items: center; }
.meterWrap { position: relative; display: flex; align-items: center; width: fit-content; height: 50px; }
.playbtn { width: 10px; height: 20px; background: #eee; clip-path: polygon(0 0, 0% 100%, 100% 50%); cursor: pointer; }
.playbtn:hover { background: red; }
.pausebtn { width: 2px; height: 20px; border-style: solid; border-width: 0px 4px; border-color: transparent #eee; display: none; cursor: pointer; }
.pausebtn:hover { border-color: transparent red; }
.meter { position: relative; width:300px; height: 11px; cursor: pointer; background: linear-gradient(transparent 5px, snow 6px,transparent 0); }
.slider { display: block; position: absolute; width: 4px; height: 100%; background: white; }
.lrcWrap p { margin: auto;
width: 500px;
height: 300px;
line-height: 150px;
text-align: center;
font-size: 2rem;
font-weight: bold;
color: #ff0000;
background: #;
text-shadow: 0 0 20px #fefcc9, 10px -10px 30px #feec85, -20px -20px 40px #ffae34, 20px -40px 50px #ec760c, -20px -60px 60px #cd4606, 0 -80px 70px #973716, 10px -90px 80px #451b0e; }
.lrcBox { margin: 0; padding: 0; width: 400px; height: 72px; overflow: hidden; user-select: none; position: relative; }
.lrcUl { position: relative; top: 0; margin: 0; padding: 0; }
.lrcUl li { margin: 0; padding: 0; height: 24px; font: normal 16px / 24px sans-serif; color: #ccc; text-shadow: 1px 1px 1px black; list-style-type: none; }
</style>
<div class="mama">
<video class="vid" src="https://img.tukuppt.com/video_show/2269348/00/14/14/5e1bbb3034ad7.mp4" autoplay="autoplay" loop="loop" muted="muted"></video>
<img src="/data/attachment/forum/202206/12/214548frvrt7i0q0y4izol.jpg" alt="" style="position: absolute; width: 440px; height: 200px; right: 0; mix-blend-mode: darken" />
<div class="lrcWrap">
<p>轮回 - 罗布桑珠</p>
</div>
<audio class="aud" src="http://music.163.com/song/media/outer/url?id=543127604.mp3" autoplay="autoplay" loop="loop"></audio> 漂亮的制作。说的什么啊？{:4_203:} 藏歌？ 加林森 发表于 2022-6-13 21:44
藏歌？
是啊，队长厉害了 绿叶清舟 发表于 2022-6-13 21:48
是啊，队长厉害了
我听出了味道。 清舟这个视频背景衬托漂亮{:4_178:} 小辣椒 发表于 2022-6-13 21:51
清舟这个视频背景衬托漂亮
辣椒晚上好，没想到这么大的视频，图片应该高度可以再增加些了 加林森 发表于 2022-6-13 21:49
我听出了味道。
这也有味道的啊 绿叶清舟 发表于 2022-6-13 21:57
辣椒晚上好，没想到这么大的视频，图片应该高度可以再增加些了
这样看看也是效果不错 绿叶清舟 发表于 2022-6-13 21:57
这也有味道的啊
当然有的。藏味。 哇，清舟这个视屏和图片融合得特别好，带来一种很玄幻的感觉{:4_199:} 红影 发表于 2022-6-13 22:02
哇，清舟这个视屏和图片融合得特别好，带来一种很玄幻的感觉
感觉这个得根据视频去找音乐的素材，更难啊{:4_189:} 小辣椒 发表于 2022-6-13 21:58
这样看看也是效果不错
偷懒了直接用的现在的图片的 绿叶清舟 发表于 2022-6-13 22:05
感觉这个得根据视频去找音乐的素材，更难啊
但是做出的效果却是特别好呢{:4_173:} 红影 发表于 2022-6-13 22:11
但是做出的效果却是特别好呢
是啊，让整个画面活起来了{:4_189:} 帖子，很大气唯美。。。美女子，不简单~！ 嗯，有藏传佛教的神秘和玄幻的味道，但硬是没听懂半句。{:4_189:} 有一种神秘莫测的感觉。{:4_172:} 鹅鹅鹅，原来是先在这里轮着 青青子衿 发表于 2022-6-14 01:36
帖子，很大气唯美。。。美女子，不简单~！
谢谢青青
页:
[1]
2