在網(wǎng)頁中，我們經(jīng)常需要引入音樂來為頁面增添氣氛，而使用CSS3可以讓音樂播放更加美觀和流暢。

首先，我們需要先準備好音樂文件，并在HTML中添加audio標簽：

<audio id="music" src="music.mp3" controls="controls"></audio>

其中id屬性可以用來控制音樂的播放，而controls屬性則會在音樂下方添加控制面板。

接著，在CSS樣式表中添加以下樣式：

#music{
opacity:0.8; /*設(shè)置音樂透明度*/
transition: all 2s ease-in-out; /*設(shè)置音樂漸變效果*/
}
#music:hover{
opacity:1;
transform: scale(1.1);
}

在這段樣式中，我們通過opacity屬性來設(shè)置音樂的透明度，并使用transition屬性來實現(xiàn)漸變效果。而在:hover偽類中，則會讓音樂在懸停時放大和透明度變?yōu)?。

最后，我們可以通過JavaScript來控制音樂的播放和暫停：

var music = document.getElementById("music");
music.play(); //播放音樂
music.pause(); //暫停音樂

通過這種方式，我們可以實現(xiàn)更加美觀和流暢的音樂播放效果。