CSS3是前端開發中非常重要的技術之一，它可以大大提高網站的可維護性和用戶體驗。而其中一個優化點就是在網站中顯示Logo時，使用CSS3技術進行優化。

.logo{
width: 50px;
height: 50px;
border-radius: 50%;
background: url('logo.png') no-repeat center center;
background-size: cover;
}

以上就是使用CSS3的border-radius、background以及background-size屬性來優化Logo顯示的代碼。其中，我們設置Logo的寬度和高度為50px，將邊框的圓角設置為50%，使得Logo顯示為圓形。然后使用background屬性將Logo圖片作為背景圖，并且通過background-size: cover來保證圖片的寬高比例始終不變，以滿足不同尺寸屏幕的需求。

除了以上代碼，我們還可以使用CSS3的其他屬性來進一步優化Logo的顯示。例如，可以使用CSS3的動畫屬性來為Logo添加動態效果，或者使用box-shadow屬性給Logo添加陰影效果。

.logo{
width: 50px;
height: 50px;
border-radius: 50%;
background: url('logo.png') no-repeat center center;
background-size: cover;
animation: rotate 2s linear infinite;
box-shadow: 0px 0px 10px #ccc;
}
@keyframes rotate{
from{
transform: rotate(0deg);
}
to{
transform: rotate(360deg);
}
}

以上就是為Logo添加動態效果和陰影效果的代碼。我們使用animation屬性添加一組名為rotate的動畫，讓Logo旋轉360度，并且不斷重復。同時，使用box-shadow屬性添加一個陰影效果，使得Logo更加立體感強。

綜上所述，CSS3優化Logo顯示是前端開發中一項非常重要的技術優化點。使用CSS3的各種屬性可以讓Logo在網站中更加美觀和精細，提高整個網站的視覺效果和用戶體驗。