CSS3提供了非常方便的圖片顯示和隱藏功能。

/* 隱藏圖片 */
img {
display: none;
}
/* 顯示圖片 */
img.show {
display: block;
}

通過設置display屬性，我們可以輕松地實現圖片的顯示和隱藏。初始時，我們將圖片隱藏，接著通過添加show類來顯示圖片。

顯示圖片隱藏圖片

在HTML中，我們可以使用按鈕來控制圖片的顯示和隱藏，通過添加和移除show類來實現。

當然，我們也可以使用JavaScript來實現圖片的顯示和隱藏：

var img = document.querySelector('img');
img.style.display = 'none';
document.querySelector('#show-btn').addEventListener('click', function() {
img.style.display = 'block';
});
document.querySelector('#hide-btn').addEventListener('click', function() {
img.style.display = 'none';
});

通過修改元素的style屬性，我們可以實現圖片的顯示和隱藏。當點擊按鈕時，我們可以修改圖片的display屬性來顯示或隱藏圖片。

總之，CSS3提供了非常方便的圖片顯示和隱藏功能，讓我們可以輕松地實現各種交互效果。