带背景音乐的css3桃子桃花背景

卡夫卡的baby

于 2022-07-29 23:38:42 发布

阅读量408

点赞数

分类专栏： css3 文章标签： css3

本文链接：https://blog.csdn.net/weixin_72303943/article/details/126065867

版权

带背景音乐的css3桃子桃花背景

摘要由CSDN通过智能技术生成

带背景音乐的css3桃子桃花背景

在html 内放入音频链接：

输入网址http://music.163.com/song/media/outer/url?id=924680166.mp3（切记按回车），

不要点回车键，然后再进入网易云页面（https://music.163.com/）

点开一首音乐，复制上面的ID（id=1966854323）网址，把前一个网址ID替换掉，然后下载就可以了，然后在 html中引入

代码如下：

<title>带背景音乐的css3桃子桃花背景</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        @keyframes translate{
            0%{
                transform: translate(0px, 0px);
            }
            25%{
                transform: translate(5px, -5px);
            }
            50%{
                transform: translate(0px, 0px);
            }
            75%{
                transform: translate(-5px, -5px);
            }
            100%{
                transform: translate(0px, 0px);
            }
        }
        .header{
            height: 100px;
        }
        .header p{
            text-align: center;
            margin: 20px;
            font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
            line-height: 100px;
            color: coral;
            font-size: 2em;
            text-shadow: grey 1px 2px 3px;