圖片展示特效是現代網站設計中不可或缺的一部分，其中css技術可以讓我們實現各種各樣的特效。在本文中，我們將討論一些流行的圖片展示特效，以及它們的實現方法。

1. 圖片縮放特效

.img-scale:hover {
transform: scale(1.1);
}

這段代碼實現當鼠標懸停在圖片上時，圖片會放大1.1倍。可以調整scale參數來改變放大倍數。

2. 圖片淡入淡出特效

.img-fade {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.img-fade:hover {
opacity: 1;
}

這段代碼實現當鼠標懸停在圖片上時，圖片會淡入顯示。可以調整opacity參數來改變透明度。

3. 圖片旋轉特效

.img-rotate:hover {
transform: rotate(360deg);
}

這段代碼實現當鼠標懸停在圖片上時，圖片會旋轉360度。可以調整rotate參數來改變旋轉角度。

4. 圖片移動特效

.img-move {
position: relative;
transition: top .5s ease-in-out;
}
.img-move:hover {
top: -20px;
}

這段代碼實現當鼠標懸停在圖片上時，圖片會向上移動20像素。可以調整top參數來改變移動距離。

總之，通過這些css技術，我們可以為網站添加各種各樣的圖片展示特效，從而提升用戶的體驗。希望本文對您有所幫助。