醉美水芙蓉 发表于 2023-11-10 22:23:55

驿动的心 (英文版)

本帖最后由 醉美水芙蓉 于 2023-11-11 14:09 编辑 <br /><br /><style>
#papa { margin: 0 0 0 calc(50% - 693px); width: 1260px; height: 640px; background: url('https://pic.imgdb.cn/item/654ce87ec458853aef1c75d9.jpg') no-repeat center/cover; box-shadow: 3px 3px 20px #000; overflow: hidden; z-index: 1; position: relative; display: grid; place-items: center; }
#papa::before { position: absolute; content: ''; width: 200px; height: 200px; right: 100px; bottom: 40px; background: url('data:image/svg+xml;charset=utf-8,<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg"><path d="m105.55204,35.11287l10.26774,25.51613a23.82194,22.94531 0 0 0 20.88844,14.61757l28.36658,1.52095c13.74088,0.73612 19.35216,17.36913 8.6848,25.74558l-22.02119,17.28953a23.82291,22.94625 0 0 0 -7.97889,23.6524l7.26423,26.45548c3.51981,12.81566 -11.17006,23.09516 -22.73682,15.91187l-23.87736,-14.83016a23.82096,22.94438 0 0 0 -25.81909,0l-23.87736,14.83016c-11.56677,7.18329 -26.25566,-3.09621 -22.73682,-15.91187l7.26423,-26.45548a23.82194,22.94531 0 0 0 -7.97889,-23.6524l-22.02022,-17.28953c-10.66737,-8.37644 -5.05608,-25.00946 8.6848,-25.74558l28.36658,-1.52095a23.82194,22.94531 0 0 0 20.88844,-14.61757l10.26774,-25.51613c4.97344,-12.3605 23.13061,-12.3605 28.10405,0l-0.00097,0z" fill="red" /></svg>'); animation: rot 8s infinite linear var(--state); }
@keyframes rot { to { transform: rotate(1turn); } }
</style>

<div id="papa"></div>
<audio id="aud" src="https://www.qqmc.com/mp3/music278738319.mp3" autoplay loop></audio>

<script>
(function() {
        let loadJs = (url,callback) => {
                let body = document.querySelector('body'), jsNode = document.createElement('script');
                jsNode.charset = 'utf-8';
                jsNode.setAttribute('src', url);
                body.appendChild(jsNode);
                jsNode.onload = () => callback();
        };

        let playerJs = 'https://638183.freep.cn/638183/web/api/svg_path_lrc.js';
        let lrcAr = [,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
];
       
        loadJs(playerJs, () => {
                HCPlayer({
                        papa: '#papa',
                        lrcAr: lrcAr,
                        lrc_css: 'top: 20px;',
                        fs_css: 'top: -1000px; background: transparent;',
                        player_css: `
                                width: 210px;
                                height: 200px;
                                right: 100px;
                                bottom:20px;
                        `,
                        path: 'm121.67193,10.8552l11.08607,27.55934a25.72051,24.78267 0 0 0 22.55322,15.78808l30.62736,1.64274c14.83601,0.79507 20.8945,18.75998 9.37696,27.80717l-23.77625,18.674a25.72156,24.78368 0 0 0 -8.6148,25.54638l7.84318,28.57392c3.80034,13.84188 -12.0603,24.94452 -24.54892,17.18602l-25.78035,-16.0177a25.71946,24.78166 0 0 0 -27.87684,0l-25.78035,16.0177c-12.48862,7.75849 -28.3482,-3.34414 -24.54892,-17.18602l7.84318,-28.57392a25.72051,24.78267 0 0 0 -8.6148,-25.54638l-23.7752,-18.674c-11.51754,-9.04719 -5.45905,-27.0121 9.37696,-27.80717l30.62736,-1.64274a25.72051,24.78267 0 0 0 22.55322,-15.78808l11.08607,-27.55934c5.36981,-13.35027 24.97409,-13.35027 30.34391,0l-0.00105,0z',
                        btn: {left: 34, top: 80},
                        track: {track: 'yellow', prog: 'green'},
                        img: {play: '', pause: ''}
                });
        });
})();
</script>

确认过眼神 发表于 2024-1-12 00:09:31

这个作品漂亮！！！！

翁奕童苑 发表于 2024-1-28 21:44:45

这个作品漂亮！！！！

活跃概况 发表于 2024-2-3 20:06:26

这个作品漂亮！！！！

活跃概况 发表于 2024-2-9 21:25:05

这个作品漂亮！！！！
页: [1]
查看完整版本: 驿动的心 (英文版)