CSS中有一種效果是當鼠標放在圖片上時，圖片會浮動。這個效果可以通過CSS中的hover偽類來實現。

img:hover {
float: left;
}

在上面的代碼中，我們使用了:hover偽類來匹配所有鼠標放上去的圖片。然后使用CSS的float屬性來控制圖片的浮動方向。在這個例子中，我們設置浮動方向為左。

如果我們需要讓圖片浮動的時候有過渡效果，我們可以使用CSS的transition屬性來實現，如下所示：

img {
transition: all 0.3s ease-in-out;
}
img:hover {
float: left;
}

在上面的例子中，我們設置了所有圖片都有過渡效果，并且過渡效果的持續時間為0.3秒。同時，我們還指定了過渡效果的速度為ease-in-out，這樣效果會更加平滑。

最后，我們需要注意的是，在使用浮動效果時，要確保其他圖片和文字不會被浮動的圖片覆蓋。這可以通過使用CSS的clear屬性來實現。例如：

img {
float: left;
margin-right: 10px;
}
p {
clear: both;
}

在上面的例子中，我們設置圖片浮動在左側，并且設置了圖片之間的間隔為10px。同時，我們在段落中使用clear屬性，確保下面的內容不會被之前浮動的圖片影響到。

總之，鼠標放上去圖片浮動是一種常用的效果，它可以讓我們的頁面更具動態性和交互性。同時，在使用這個效果的時候，我們也需要注意其他元素不會被影響的問題。