CSS圖片自動出現消失是一種有趣的CSS技術，可以通過簡單的規則讓圖片在頁面中自動出現并消失。這項技術通常用于制作動態頁面和響應式布局。

在傳統的HTML頁面中，圖片需要手動嵌入到HTML中，并且需要指定一個固定的位置和大小。這種方法雖然直觀，但容易出錯，而且不便于動態更新。而使用CSS圖片自動出現消失技術，可以輕松地讓圖片自動出現在頁面中，并且可以根據需要隨時消失或調整大小。

實現這種技術的關鍵是使用CSS中的媒體查詢和偽元素。媒體查詢可以根據特定的媒體(如聲音、視頻、圖片等)選擇元素，而偽元素則可以讓圖片成為一個包含圖片的HTML元素。

以下是一個使用偽元素的示例代碼：

```html