CSS中有很多種畫出懸浮效果圖的方法，這里我們來介紹其中兩種比較常用的方法。

/* 方法一：box-shadow */
.box {
width: 100px;
height: 100px;
background-color: #ccc;
box-shadow: 0 0 5px #333;
transition: all 0.3s ease;
}
.box:hover {
box-shadow: 0 0 10px #333;
}

這是一個使用box-shadow屬性來實現懸浮效果圖的例子。通過給元素添加box-shadow，可以產生一個類似于陰影的效果。我們可以通過調整box-shadow的參數，讓其在不懸浮時和懸浮時的效果不同，從而實現懸浮效果圖。

/* 方法二：transform */
.box {
width: 100px;
height: 100px;
background-color: #ccc;
transition: all 0.3s ease;
}
.box:hover {
transform: scale(1.2);
}

這是一個使用transform屬性來實現懸浮效果圖的例子。通過使用transform: scale()，可以讓元素放大或縮小。在這里我們把它用來實現懸浮時元素變大的效果。