试贴

老谟深虑

      

1. <style>
   
2.         :root        {--w:1416px;--h:500px;}
   
3.   #oBlk {
   
4.     margin-left: 50% ; left:calc(-0.5 * var(--w));
   
5.     margin-top:50px;
   
6.     width: var(--w);
   
7.     height: var(--h);
   
8.     box-shadow: 3px 3px 10px #000;
   
9.     overflow: hidden;
   
10.     position: absolute;
    
11.   }
    
12. 
    
13.   #oBlk::before,
    
14.   #oBlk::after {
    
15.     position: absolute;
    
16.     content: '';
    
17.     left: var(--curX0);
    
18.     top: 0px;
    
19.     width: 100%;
    
20.     height: 100%;
    
21.     background: url('https://pic.imgdb.cn/item/671073f9d29ded1a8cc5d69d.jpg ') no-repeat center / cover;
    
22.   }
    
23. 
    
24.   #oBlk::after {
    
25.     left: var(--curX1);
    
26.     transform: scaleX(-1);
    
27.   }
    
28.   #comp {height:calc(var(--h) + 100px);}
    
29. </style>
    
30. <div id="oBlk"></div>
    
31. <div id="comp"></div>
    
32. <audio src=" https://music.163.com/song/media/outer/url?id=1996640600.mp3 " autoplay loop></audio>
    
33. <script>
    
34. {
    
35. eval(function(p,a,c,k,e,d){e=function(c){return(c<a?"":e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)d[e(c)]=k[c]||e(c);k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1;};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p;}('5 4=6.g;5 7=1.0,8=0,2=0,3=4,b;5 9=()=>{2-=7;3-=7;a(2<=-4)2=4;a(3<=-4)3=4;8=3+(2>=0?1:-1);6.c.d(\'--2\',2+\'e\');6.c.d(\'--3\',8+\'e\');b=f(9)};9();',17,17,'||curX0|curX1|blkWidth|let|oBlk|step|tune|moving|if|raf|style|setProperty|px|requestAnimationFrame|offsetWidth'.split('|'),0,{}))
    
36. }  
    
37. </script>

复制代码

山里娃

漂亮的动图。欣赏了。

武朝歌

西湖 发表于 2024-10-17 13:58
没事！

我已打钩：

武朝歌

老谟深虑 发表于 2024-10-17 14:14

收到，谢谢您！

西湖

武朝歌 发表于 2024-10-17 14:31 我已打钩：

底下也要打勾HTML

武朝歌

山里娃 发表于 2024-10-17 14:17
漂亮的动图。欣赏了。

正在学习中，谢谢！

武朝歌

西湖 发表于 2024-10-17 14:34
底下也要打勾HTML

是的，谢谢！

西湖

武朝歌 发表于 2024-10-17 14:36
是的，谢谢！

二个勾都打就显示了！

武朝歌

西湖 发表于 2024-10-17 14:37
二个勾都打就显示了！

麻烦您再看一下，有音乐吗？我能听到。谢谢！

老谟深虑

你的咋不动了？我看到是不动，有音乐。