琵琶女

有声有色

◇◇◇烟雨草堂作品◇◇◇

大雅

音动结合，谢谢分享佳作

有声有色

大雅 发表于 2022-8-22 16:35
音动结合，谢谢分享佳作

谢谢鼓励

一往情深

1. <style type="text/css">
   
2. /* 父框盒子 */
   
3. #xq { position: relative; left:-660px; top:120px; width: 2660px; height:800px; background-image: url('https://pic.imgdb.cn/item/62fdb8af16f2c2beb11f67c3.gif'); box-shadow: 4px 4px 5px #888; background-size: 2400px 800px; border-radius:12px; background-position: 1200px 0;animation: mv 28s linear infinite; }
   
4. @keyframes mv { from { background-position: 1200px 0; } to { background-position: 0 0; } }
   
5. /* 摇摆字 */
   
6. body { overflow-x: hidden; } /*禁用横向滚动条 */
   
7. #baiBox { margin: auto;width: 400px;text-align: center;font-size: 1.5rem;font-weight: bold;color:#DF7401;transform-origin: top;animation: yao 0.8s linear infinite alternate;}
   
8. /* 动画 */
   
9. @keyframes yao {from{  transform: perspective(800px) rotatex(30deg); }to { transform: perspective(800px) rotatex(-30deg); }}
   
10. 
    
11. /* 轱辘诗 */
    
12. .hxBox { position: absolute; left:220px; top:150px; width: 160px; height: 160px; font-family: '楷体','微软雅黑'; font-size: 24px;transform-origin: 50 50; animation: go 24s linear infinite;}
    
13. @keyframes go { to { transform: rotate(-360deg);  } }
    
14. .hxBox path { fill: none; }
    
15. .hxBox svg { display: block; overflow: visible; }
    
16. </style><div id="xq"><div id="baiBox" style="position: absolute; left:750px; top: 45px; "><font color="DarkOrange"><font size="4">◇◇◇烟雨草堂作品◇◇◇</font></font></div>
    
17. <audio id="music" autoplay="autoplay" loop="loop" src="http://antiserver.kuwo.cn/anti.s?format=mp3|aac&rid=216495833&br=320kmp3&type=convert_url&response=res&.mp3"></audio>  
    
18. 琵琶女伴奏（红妆、陈耀斌，酷我解析https://link.hhtjim.com/kw/216495833.mp3有时解析成无用音乐）

复制代码

剔除了多余的代码，也让摇摆的“烟雨草堂作品”得以显现

有声有色

一往情深 发表于 2022-8-22 22:38
剔除了多余的代码，也让摇摆的“烟雨草堂作品”得以显现

谢谢，我是今年4月份封控在家学的音画 ，望今后能多指教，