CSS可以實現很多酷炫的效果，比如當鼠標放在一個元素上時，顯示另一個元素。這種效果經常出現在一些網站上，比如購物網站的商品列表頁中，當鼠標放在商品圖片上時，會出現商品的詳情。

/*CSS代碼實現鼠標放上顯示元素的效果*/
.container {
position: relative;
}
.show {
position: absolute;
top: 100%;
left: 0;
display: none;
}
.container:hover .show {
display: block;
}

在這段CSS代碼中，我們首先給需要添加效果的元素的父元素添加一個相對定位（position: relative），然后在需要顯示的元素上添加絕對定位（position: absolute），設置top值為父元素的高度（例如這里設置為100%），left值為0，因此，需要顯示的元素就會出現在父元素的下方。

接下來，我們設置需要顯示的元素的display屬性為none，此時該元素不會顯示出來。然后，在父元素上添加:hover偽類，用來判斷鼠標是否放在了該元素上。當鼠標放在該元素上時，就會觸發:hover效果，此時將需要顯示的元素的display屬性設置為block，就可以讓該元素顯示出來。

需要注意的是，這里的:hover效果只能在電腦上使用，對于觸摸屏設備（如手機、平板電腦），由于沒有鼠標懸停的概念，因此無法使用這種效果。