CSS3漂浮廣告是一種非常流行的網頁廣告形式，它可以讓你的網站更加生動有趣。這種廣告形式可以讓你的廣告像氣球一樣漂浮在網頁的任何地方，并且具有吸引人的視覺效果。下面我們來看一下如何使用CSS3制作漂浮廣告。

/*定義漂浮廣告位置*/
.float-ad {
position: fixed;
top: 50%;
right: 0;
margin: -100px 0 0 -100px;
width: 200px;
height: 200px;
border-radius: 100%;
background: #fff;
box-shadow: 0 0 60px rgba(0, 0, 0, 0.5);
z-index: 999;
}
/*定義廣告移動*/
@keyframes float {
0% {
transform: translatey(0);
}
50% {
transform: translatey(-15px);
}
100% {
transform: translatey(0);
}
}
.float-ad:hover {
animation: float 1s infinite;
}
/*定義廣告內容*/
.float-ad .ad-content {
width: 100%;
height: 100%;
text-align: center;
line-height: 200px;
font-size: 24px;
color: #333;
}

以上代碼中，我們首先定義了漂浮廣告的位置和樣式。我們使用了position: fixed屬性來固定廣告的位置，并使用了top、right、margin、width和height屬性來調整廣告的具體位置和大小。我們還使用了border-radius和box-shadow屬性來定義廣告的形狀和陰影效果。

接下來，我們使用了CSS3的動畫效果來讓廣告漂浮起來。我們使用了@keyframes規則來定義一個名為float的動畫，它可以讓廣告向上漂浮15個像素，然后再向下漂浮回原位置。我們使用:hover偽類來觸發這個動畫，并使用了infinite屬性使動畫無限循環。

最后，我們定義了廣告的具體內容。我們使用了.ad-content類來定義廣告的文本內容，包括字體、大小、顏色等。

由于CSS3漂浮廣告的代碼比較簡單，因此你可以根據自己的需求輕松地修改代碼來實現不同的廣告效果。例如，你可以更改漂浮動畫的速度、方向和幅度，或者添加圖片、鏈接等內容。