CSS的transform屬性可以實現元素的旋轉、平移、縮放等效果。而其中有一種淡入淡出的效果，可以使用opacity屬性結合transform屬性實現。

.fade-in-out {
opacity: 0;
transform: scale(0.5);
transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}
.fade-in-out:hover {
opacity: 1;
transform: scale(1);
}

上面的代碼中，我們通過設置fade-in-out類的opacity屬性為0以及縮放比例為0.5，讓該元素默認隱藏并縮小。當鼠標懸停時，通過:hover偽類，將opacity屬性值設置為1，同時恢復原來的大小。

在transition屬性中，我們設置了兩個過渡效果，即opacity和transform屬性的過渡效果，且持續時間相等，都為0.5秒。

這樣就可以實現一個簡單的淡入淡出的效果了。