CSS捉迷藏是一種有趣的CSS技巧，可以用來隱藏或顯示元素。不僅如此，通過巧妙的設置，還可以創建出令人驚嘆的視覺效果。

在這張圖片中，我們可以看到一只貓貓和一只魚魚。但是，當你把鼠標移到圖片上時，貓貓和魚魚就會消失不見！這是怎么做到的呢？

看代碼：

.container {
position: relative;
}
img {
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
img:hover {
opacity: 0;
}

我們給圖片的父級元素（class為.container）設置了相對定位，這樣圖片就可以基于它的位置進行定位。然后，我們使用絕對定位將圖片放到容器的左上角，并為它設置了z-index屬性為1，確保它在整個布局中始終處于頂部。

接下來，我們使用:hover偽類為圖片設置了一個透明度為0的動畫效果。當鼠標移到圖片上時，它就會變得透明，從而實現了捉迷藏的效果。

如果你想要嘗試這個技巧，可以在你的項目中使用。你可以用它來創建一個令人驚嘆的交互式元素，也可以用它來給你的網站添加一個有趣的細節。