萱草花~~谢谢湛蓝老师代码

海儿心

湛蓝 发表于 2022-5-16 06:32
海老师，40楼的图片切换很好！赞一个
左下有个可控开关吧，有同步歌词？

谢谢湛蓝老师，早晨好！谢谢你的鼓励，我在模仿，拿掉音乐会简单一些。

湛蓝

海儿心 发表于 2022-5-16 06:38
谢谢湛蓝老师，早晨好！谢谢你的鼓励，我在模仿，拿掉音乐会简单一些。

不用删除啊，能正常浏览

海儿心

湛蓝 发表于 2022-5-16 06:32
海老师，40楼的图片切换很好！赞一个
左下有个可控开关吧，有同步歌词？

湛蓝老师这个复制品有个问题，左边的小视频边界不能模糊，我在模仿看看老师，不知我的问题出在那群里。

海儿心

湛蓝 发表于 2022-5-16 06:46
你发出来看看

你能看到帖子的源代码吗？你是叫我把源代码发上来吗？

湛蓝

海儿心 发表于 2022-5-16 06:48
你能看到帖子的源代码吗？你是叫我把源代码发上来吗？

稍等，我试试

湛蓝

迷你版的调整不了，本身两个视频都很大，背景图也很大，整体缩小后 会不正常！

海儿心

湛蓝 发表于 2022-5-16 06:50
稍等，我试试

1. <div style="position:relative;width:600px;height:300px;margin:100px 0 16px -50px;
   
2. box-shadow: 0px 0px 0px 2px #000000, 0px 0px 5px 5px #0000FF;overflow:hidden;border-radius:0.6%;
   
3. background-image:url(http://tuku.link/imgs/2022/05/f2b33ea647bbee80.jpg);background-size:cover;">
   
4. 
   
5. <video autoplay muted  loop src="http://chuangshicdn.data.mvbox.cn/music/sp/22/05/08/22050811272196249787.mp4"
   
6. style="width: 200px;-webkit-mask-image: radial-gradient(black 20%, transparent 55%);
   
7. position:absolute;left:350px;bottom:150px;"></video>
   
8. 
   
9. 
   
10. 
    
11. <video autoplay muted  loop src="http://chuangshicdn.data.mvbox.cn/music/sp/22/05/08/22050811272196249787.mp4"
    
12. style="width: 200px;-webkit-mask-image: radial-gradient(black20%, transparent 55%);
    
13. position:absolute;left:50px;bottom:150px;"></video>
    
14. 
    
15. 
    
16. 
    
17. </div><BR><BR><BR>
    

复制代码

海儿心

海儿心 发表于 2022-5-16 06:52

湛蓝

海儿心 发表于 2022-5-16 06:58

black阴影数值调不了（迷你版的）

海儿心

湛蓝 发表于 2022-5-16 07:25
black阴影数值调不了（迷你版的）

是的，但看看老师的复制品就做好了，同样依葫芦画瓢就不行。