立体倒影歌词尝试

亚伦影音工作室

[i=s] 本帖最后由 亚伦影音工作室 于 2022-10-24 22:00 编辑 [/i]

花潮论坛lrc在线

点击欣赏全屏

红影

歌词同步这样方式也很漂亮呢，背景变色，漂亮的制作。欣赏亚伦老师好帖

红影

我的评分用光了，没法加分了

马黑黑

3d+倒影效果，挺不错的。文本3dCSS能胜任的

小辣椒

我怎么看见是黑背景，亚伦又是http？

小辣椒

就看见倒影效果，漂亮的，其他就是黑的了

起个网名好难

很奇怪，有背景的无倒影。有倒影的无背景。

chrome、edge

firefox

大家看到的是个什么情况？

起个网名好难

醉美水芙蓉 发表于 2022-10-24 20:53
亚伦老师做的就是黑色背景！

1. <div id="papa">
   
2. 
   
3.         <div  id="items"><div class="pTop"  style="mix-blend-mode: multiply;background:  url('http://pan.yinhuabbs.cn/view.php/7885fc4a48bec2e662ad4fa03b408567.png') no-repeat
   
4. 
   
5. center/cover;width: 1024px; height: 600px;" /></div></div>
   
6. <img  id="mpic"style="width: 100%; height: 100%;background: url('http://pan.yinhuabbs.cn/view.php/f87d2b5dfe272eb91ddc45e6e9436478.png')0 0/50% 70%" >
   
7. <img  id="mpic1"style="width: 100%; height: 100%;background: url('http://pan.yinhuabbs.cn/view.php/f87d2b5dfe272eb91ddc45e6e9436478.png')0 0/30% 40%" >
   
8.         <div class="pMid"><span id="lrc" data-lrc="花潮论坛lrc在线">花潮论坛lrc在线</span></div>
   
9.        <div class="pFoot">
   
10.                 <div id="mplayer" data-cur="00:00" data-dur="00:00"><span id="prog"></span><span id="btnplay"></span></div>
    
11.         </div>
    
12. </div>

复制代码

代码里就有三处出现图片。

起个网名好难

醉美水芙蓉 发表于 2022-10-24 21:21
这个我能看见，花潮的老师看不见，换个地址就可以了！

现在是不换地址换个浏览器就看见了。

亚伦影音工作室

背景没加图片，只想呈现倒影和3D效果歌词，360浏览器兼容模式可看到！点击欣赏全屏